From 72a0e7dbe35a048fb47e4c76b63622178a0e1947 Mon Sep 17 00:00:00 2001
From: zhangdaiscott <zhangdaiscott@163.com>
Date: Tue, 27 Jun 2023 10:37:17 +0800
Subject: [PATCH] =?UTF-8?q?[issues/603]=E5=9B=BE=E8=A1=A8=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=95=B0=E6=8D=AE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chart/Bar.vue        | 4 ++--
 src/components/chart/BarAndLine.vue | 4 ++--
 src/components/chart/BarMulti.vue   | 4 ++--
 src/components/chart/Gauge.vue      | 3 ++-
 src/components/chart/Line.vue       | 4 ++--
 src/components/chart/LineMulti.vue  | 3 ++-
 src/components/chart/Pie.vue        | 4 ++--
 src/components/chart/Radar.vue      | 4 ++--
 src/components/chart/StackBar.vue   | 4 ++--
 9 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/components/chart/Bar.vue b/src/components/chart/Bar.vue
index 3822eaa..6d668e0 100644
--- a/src/components/chart/Bar.vue
+++ b/src/components/chart/Bar.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'bar',
     props: {
@@ -61,7 +61,7 @@
 
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         let seriesData = props.chartData.map((item) => {
           return item.value;
diff --git a/src/components/chart/BarAndLine.vue b/src/components/chart/BarAndLine.vue
index 2c4cd34..94feb23 100644
--- a/src/components/chart/BarAndLine.vue
+++ b/src/components/chart/BarAndLine.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'barAndLine',
     props: {
@@ -61,7 +61,7 @@
 
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         //图例类型
         let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
diff --git a/src/components/chart/BarMulti.vue b/src/components/chart/BarMulti.vue
index a094f3f..6682d61 100644
--- a/src/components/chart/BarMulti.vue
+++ b/src/components/chart/BarMulti.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'barMulti',
     props: {
@@ -67,7 +67,7 @@
 
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         //图例类型
         let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
diff --git a/src/components/chart/Gauge.vue b/src/components/chart/Gauge.vue
index 2cf852e..a7c906e 100644
--- a/src/components/chart/Gauge.vue
+++ b/src/components/chart/Gauge.vue
@@ -5,6 +5,7 @@
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
   import { GaugeChart } from 'echarts/charts';
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'Gauge',
     props: {
@@ -88,7 +89,7 @@
       function initCharts() {
         echarts.use(GaugeChart);
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         option.series[0].data[0].name = props.chartData.name;
         option.series[0].data[0].value = props.chartData.value;
diff --git a/src/components/chart/Line.vue b/src/components/chart/Line.vue
index 3a2443f..97f48fb 100644
--- a/src/components/chart/Line.vue
+++ b/src/components/chart/Line.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'line',
     props: {
@@ -63,7 +63,7 @@
 
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         let seriesData = props.chartData.map((item) => {
           return item.value;
diff --git a/src/components/chart/LineMulti.vue b/src/components/chart/LineMulti.vue
index b3ff9e8..acef181 100644
--- a/src/components/chart/LineMulti.vue
+++ b/src/components/chart/LineMulti.vue
@@ -4,6 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
+  import { cloneDeep } from 'lodash-es';
 
   export default defineComponent({
     name: 'lineMulti',
@@ -67,7 +68,7 @@
 
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         //图例类型
         let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
diff --git a/src/components/chart/Pie.vue b/src/components/chart/Pie.vue
index 6dafddc..b01370c 100644
--- a/src/components/chart/Pie.vue
+++ b/src/components/chart/Pie.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, watchEffect, reactive, watch } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'Pie',
     props: {
@@ -70,7 +70,7 @@
       );
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         option.series[0].data = props.chartData;
         setOptions(option);
diff --git a/src/components/chart/Radar.vue b/src/components/chart/Radar.vue
index e4ef64c..bd811db 100644
--- a/src/components/chart/Radar.vue
+++ b/src/components/chart/Radar.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'Radar',
     props: {
@@ -64,7 +64,7 @@
 
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         //图例类型
         let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));
diff --git a/src/components/chart/StackBar.vue b/src/components/chart/StackBar.vue
index 30b2f3d..d570d4a 100644
--- a/src/components/chart/StackBar.vue
+++ b/src/components/chart/StackBar.vue
@@ -4,7 +4,7 @@
 <script lang="ts">
   import { defineComponent, PropType, ref, Ref, reactive, watchEffect, watch } from 'vue';
   import { useECharts } from '/@/hooks/web/useECharts';
-
+  import { cloneDeep } from 'lodash-es';
   export default defineComponent({
     name: 'StackBar',
     props: {
@@ -82,7 +82,7 @@
       );
       function initCharts() {
         if (props.option) {
-          Object.assign(option, props.option);
+          Object.assign(option, cloneDeep(props.option));
         }
         //图例类型
         let typeArr = Array.from(new Set(props.chartData.map((item) => item.type)));