From dcd9429c817732ead8005cb5d0d6e6630098feca Mon Sep 17 00:00:00 2001
From: zxc <1171051090@qq.com>
Date: Sat, 14 Sep 2024 22:20:03 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=8A=98=E7=BA=BF=E5=9B=BE=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E5=A0=86=E5=8F=A0=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useImport.ts                        |  1 +
 .../ChartStylePanel/index.vue                 | 12 +++++-----
 .../element/ChartElement/chartOption.ts       | 22 +++++++++++--------
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/hooks/useImport.ts b/src/hooks/useImport.ts
index 66784570..05741f0c 100644
--- a/src/hooks/useImport.ts
+++ b/src/hooks/useImport.ts
@@ -413,6 +413,7 @@ export default () => {
                   break
                 case 'lineChart':
                 case 'line3DChart':
+                  if (el.grouping === 'stacked' || el.grouping === 'percentStacked') options.stack = true
                   chartType = 'line'
                   break
                 case 'areaChart':
diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
index 45e9a64c..8cb0e121 100644
--- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
+++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue
@@ -8,17 +8,17 @@
 
     <template v-if="['bar', 'column', 'area', 'line'].includes(handleChartElement.chartType)">
       <div class="row">
+        <Checkbox 
+          @update:value="value => updateOptions({ stack: value })" 
+          :value="stack"
+          style="flex: 2;"
+        >堆叠样式</Checkbox>
         <Checkbox 
           v-if="handleChartElement.chartType === 'line'"
           @update:value="value => updateOptions({ lineSmooth: value })" 
           :value="lineSmooth"
+          style="flex: 3;"
         >使用平滑曲线</Checkbox>
-        <Checkbox 
-          v-if="['bar', 'column', 'area'].includes(handleChartElement.chartType)"
-          @update:value="value => updateOptions({ stack: value })" 
-          :value="stack"
-          style="flex: 1;"
-        >堆叠样式</Checkbox>
       </div>
   
       <Divider />
diff --git a/src/views/components/element/ChartElement/chartOption.ts b/src/views/components/element/ChartElement/chartOption.ts
index 47438a6f..5313a63c 100644
--- a/src/views/components/element/ChartElement/chartOption.ts
+++ b/src/views/components/element/ChartElement/chartOption.ts
@@ -121,15 +121,19 @@ export const getChartOption = ({
       yAxis: {
         type: 'value',
       },
-      series: data.series.map((item, index) => ({
-        data: item,
-        name: data.legends[index],
-        type: 'line',
-        smooth: lineSmooth,
-        label: {
-          show: true,
-        },
-      })),
+      series: data.series.map((item, index) => {
+        const seriesItem: echarts.SeriesOption = {
+          data: item,
+          name: data.legends[index],
+          type: 'line',
+          smooth: lineSmooth,
+          label: {
+            show: true,
+          },
+        }
+        if (stack) seriesItem.stack = 'A'
+        return seriesItem
+      }),
     }
   }
   if(type === 'pie') {