修复图表显示数据更新问题

web/src/views/chartcustomization/components/chart.vue

@@ -11,7 +11,7 @@
           <el-tag class="item-tag">{{item.name}} <i class="el-icon-close" @click="deleteData(item)"></i></el-tag>
         </template>
       </div>
-      <div v-show="dataSet.yAxis.length>0" ref="chart" class="chart" style="min-height: 600px;"></div>
+      <div ref="chart" class="chart" ></div>
     </div>
     <chartedit></chartedit>
   </div>
@@ -37,6 +37,7 @@
     },
 
     mounted() {
+
       // this.getdata()
       // this.init()
     },
@@ -77,10 +78,10 @@
     methods: {
       deleteData(item){
         // console.log(this.dataSet.yAxis)
+        let that = this
         const updatedList = this.dataSet.yAxis.filter(d => d.name !== item.name);
         this.dataSet.yAxis= updatedList
-        this.$store.commit('charts/updateDataSet',  this.dataSet);
-        this.init()
+        this.$store.commit('charts/updateDataSet',this.dataSet);
       },
       addPointSetting(series){
         for (var i = 0; i < series.length; i++) {
@@ -99,6 +100,9 @@
         }
       },
       init(){
+        if(this.myChart!=null){
+          this.myChart.dispose();
+        }
 
         let that = this
         this.myChart = echarts.init(this.$refs.chart)
@@ -112,12 +116,12 @@
         setOption.dataZoom = this.chartSettingsDataZoom
         let data = this.dataSet.yAxis
 
-        for(var i in data){
-          data[i].data = data[i].list
-          data[i].type = 'line'
+        for(var i in this.dataSet.yAxis){
+          this.dataSet.yAxis[i].data = this.dataSet.yAxis[i].list
+          this.dataSet.yAxis[i].type = 'line'
         }
 
-        setOption.series = data
+        setOption.series = this.dataSet.yAxis
         if(this.chartSettingsSeries.showPoint==true){
           this.addPointSetting(setOption.series)
         }else {
@@ -227,7 +231,7 @@
     margin-left: 20px;
     border: 1px dashed #d8d8d8;
   }
-  .item-tag{
-
+  .chart{
+    height: 80%;
   }
 </style>