修改台账管理页面 优化实时数据

src/components/echarts/rmsboxi.vue

@@ -4,7 +4,6 @@
             <div id="rmsp" :style="`height:${vh};overflow: hidden;`">
                 <div class="bx" id="rms"></div>
             </div>
-            
         </div>
         <!-- <el-button
             style="position: absolute; right: 10px; top: 0px; z-index: 20000"
@@ -86,7 +85,14 @@ export default {
       titles: "",
       vh: null,
       vw: null,
-      echartlist: null
+      echartlist: null,
+      myChartess: null,
+            myChartess1: null,
+            myChartess2: null,
+            myChartess3: null,
+            myChartess4: null,
+            myChartess5: null,
+
     };
   },
   watch: {
@@ -123,20 +129,32 @@ export default {
     // this.$rms = $("#rms").eq(0);
     this.query();
   },
+  beforeDestroy() {
+        this.backbxlb()
+  },
   methods: {
     backbxlb() {
+      this.waveDatas = []
+                if(this.myChartess){this.myChartess.dispose(); this.myChartess=null; }
+                if(this.myChartess1){this.myChartess1.dispose(); this.myChartess1=null; }
+                if(this.myChartess2){this.myChartess2.dispose(); this.myChartess2=null; }
+                if(this.myChartess3){this.myChartess3.dispose(); this.myChartess3=null; }
+                if(this.myChartess4){this.myChartess4.dispose(); this.myChartess4=null; }
+                if(this.myChartess5){this.myChartess5.dispose(); this.myChartess5=null; }
 
-      if (this.echartlist.length > 0) {
+                echarts.disconnect([this.myChartess,this.myChartess1,this.myChartess2,this.myChartess3,this.myChartess4,this.myChartess5])
 
-        this.waveDatas = []
-        this.echartlist.forEach(item => {
-          item.dispose(); // 销毁echarts实例
+      // if (this.echartlist.length > 0) {
+
+      //   this.waveDatas = []
+      //   this.echartlist.forEach(item => {
+      //     item.dispose(); // 销毁echarts实例
 
 
-        })
+      //   })
 
 
-      }
+      // }
     },
     download() {
       // 转换成canvas
@@ -1182,7 +1200,8 @@ export default {
         myChartes.resize();
         this.loading = false;
       }, 500);
-      this.echartlist.push(myChartes)
+      // this.echartlist.push(myChartes)
+      this.myChartess=myChartes
       //第一个波形图数据绘制完毕后，绘制后续的波形图
       if (waveDatas !== null && waveDatas.length > 1) {
         let waveDatasTemp = waveDatas.slice(1);
@@ -1557,7 +1576,8 @@ export default {
         myChartes.resize();
         this.loading = false;
       }, 500);
-      this.echartlist.push(myChartes)
+      // this.echartlist.push(myChartes)
+      this[`myChartess${step}`]=myChartes
       echarts.connect([myChartes1, myChartes]);
     },
     //根据多个值的比较返回其中最大值