From d5c399d218feb9510cd0817408d319a453030eec Mon Sep 17 00:00:00 2001
From: limengnan <420004014@qq.com>
Date: Wed, 21 Jan 2026 09:54:47 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/antvx6/echartsModel.vue    | 25 +++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/business-css/frontend/src/components/antvx6/echartsModel.vue b/business-css/frontend/src/components/antvx6/echartsModel.vue
index a5b6d9a..f5cb537 100644
--- a/business-css/frontend/src/components/antvx6/echartsModel.vue
+++ b/business-css/frontend/src/components/antvx6/echartsModel.vue
@@ -1,6 +1,10 @@
 <!--  线 + 柱混合图 -->
 <template>
-  <div id="chartContainer" :class="className"  style="height: calc(100vh - 200px); width: 100%;" />
+  <div class="echarts-model">
+      <!-- <el-button type="primary" @click="handleExport">导出图片</el-button> -->
+    <div id="chartContainer" :class="className"  style="height: calc(100vh - 200px); width: 100%;" />
+  </div>
+  
 </template>
 
 <script setup lang="ts">
@@ -189,8 +193,25 @@ function getScenarioResults(){
     initChart(option.value);
   })
 }
+let barChart:any  = null
+const handleExport = () => {
+  if (!barChart) return
+  debugger
+  // 调用ECharts导出API，自定义文件名
+  barChart.exportToPNG({
+    pixelRatio: 2,
+    name: "图片",
+  }).then((dataUrl:any) => {
+    // 创建临时a标签触发下载
+    const link = document.createElement('a')
+    link.download = `图片.png`
+    link.href = dataUrl
+    link.click()
+  })
+}
+
 function initChart(option:any) {
-  const barChart = init(document.getElementById('chartContainer') as HTMLDivElement);
+  barChart = init(document.getElementById('chartContainer') as HTMLDivElement);
 
   barChart.setOption(option);
   chart.value = barChart;