From 62f8625b65b70e2ebea8e2ac688f3ceb974b4150 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Tue, 26 Jul 2022 10:24:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dapp=20echarts=20?=
 =?UTF-8?q?=E6=96=B9=E6=B3=95=E4=BC=A0=E5=80=BC=E9=94=99=E8=AF=AF=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts2/charts/NetworkOverviewApps.vue    | 54 ++++++++++---------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/src/views/charts2/charts/NetworkOverviewApps.vue b/src/views/charts2/charts/NetworkOverviewApps.vue
index 31e5e9e9..e30144d2 100644
--- a/src/views/charts2/charts/NetworkOverviewApps.vue
+++ b/src/views/charts2/charts/NetworkOverviewApps.vue
@@ -160,7 +160,8 @@ export default {
       searcherApp: '',
       appShowTypeTab: 0,
       initialAppOptionsData: [],
-      initialProviderOptionsData: []
+      initialProviderOptionsData: [],
+      myChartArray: []
     }
   },
   methods: {
@@ -575,37 +576,38 @@ export default {
             '0'
           ]
         ].map(v => [Number(v[0]) * 1000, Number(v[1]), 'time'])
-        this.initChart(app)
+        this.initChart(this.appData[i])
       })
     },
     initChart (obj) {
       const dom = document.getElementById(`chart${obj.name}`)
-      this.myChart.push(echarts.init(dom))
+      this.myChart = echarts.init(dom)
       this.chartOption = appListChartOption
       const seriesTemplate = this.chartOption.series[0]
-      this.chartOption.series = [{
-        ...seriesTemplate,
-        data: obj.lineData,
-        lineStyle: {
-          color: obj.trend === 'up' ? '#7FA054' : '#35ADDA'
-        },
-        areaStyle: {
-          opacity: 0.1,
-          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-            {
-              offset: 0,
-              color: obj.trend === 'up' ? '#7FA054' : '#35ADDA'
-            },
-            {
-              offset: 1,
-              color: obj.trend === 'up' ? '#7FA054' : '#35ADDA'
-            }
-          ])
+      if (obj && obj.lineData) {
+        this.chartOption.series[0] = {
+          ...seriesTemplate,
+          data: obj.lineData,
+          lineStyle: {
+            color: obj.trend === 'up' ? '#7FA054' : '#35ADDA'
+          },
+          areaStyle: {
+            opacity: 0.1,
+            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+              {
+                offset: 0,
+                color: obj.trend === 'up' ? '#7FA054' : '#35ADDA'
+              },
+              {
+                offset: 1,
+                color: obj.trend === 'up' ? '#7FA054' : '#35ADDA'
+              }
+            ])
+          }
         }
-      }]
-      this.myChart.forEach(t => {
-        t.setOption(this.chartOption)
-      })
+        this.myChartArray.push(this.myChart)
+        this.myChart.setOption(this.chartOption)
+      }
     },
     addApp () {
       this.showAddApp = true
@@ -669,7 +671,7 @@ export default {
       }
     },
     resize () {
-      this.myChart.forEach(t => {
+      this.myChartArray.forEach(t => {
         t.resize()
       })
     }