From eac0d957aa6319d600a0a03b96a227eabcc3fb7b Mon Sep 17 00:00:00 2001
From: lai <371757574@qq.com>
Date: Thu, 21 Dec 2023 16:03:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5echart?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 32 +++++++++++++++++++++++++-------
 1 file changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 698bae0a..f511aa1e 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -34,7 +34,12 @@ echarts.use([
 /**用户性别字典 */
 let indexColor = ref<DictType[]>([
   { label: 'normal', value: 'normal', elTagType: '', elTagClass: '#91cc75' },
-  { label: 'abnormal', value: 'abnormal', elTagType: '', elTagClass: '#ee6666' },
+  {
+    label: 'abnormal',
+    value: 'abnormal',
+    elTagType: '',
+    elTagClass: '#ee6666',
+  },
 ]);
 
 /**表格字段列 */
@@ -166,9 +171,16 @@ function fnGetList(one: boolean) {
         errorNum++;
       }
     }
-    echarts.init(document.getElementById('echarts-records')).clear();
-    var chartDom = document.getElementById('echarts-records');
-    var myChart = echarts.init(chartDom);
+
+    var chartDom: any = document.getElementById('echarts-records');
+    var existingChart = echarts.getInstanceByDom(chartDom);
+    var myChart: any;
+    if (existingChart) {
+      myChart = existingChart;
+      myChart.clear(); // 清空图表，重新设置数据
+    } else {
+      myChart = echarts.init(chartDom);
+    }
 
     var option = {
       title: {
@@ -221,10 +233,16 @@ function fnGetList(one: boolean) {
 /**點擊網元名 */
 function init(e: any) {
   let realData = toRaw(e);
-  var chartDom = document.getElementById('echarts-records');
-  var myChart = echarts.init(chartDom);
-  myChart.clear(); //怕遗留以前得元素
 
+  var chartDom: any = document.getElementById('echarts-records');
+  var existingChart = echarts.getInstanceByDom(chartDom);
+  var myChart: any;
+  if (existingChart) {
+    myChart = existingChart;
+    myChart.clear(); // 清空图表，重新设置数据
+  } else {
+    myChart = echarts.init(chartDom);
+  }
   let cpuUsage = realData.cpuUsage;
   let memUsage = realData.memUsage;
   var nfMenUsage =