修复图表数据更新问题

web/src/views/chartcustomization/chartedit.vue

@@ -2,9 +2,9 @@
     <div style="width: 15%">
 <!--        <div class="right_title">表单选择与配置</div>-->
         <div class="right_main">
-          <div class="main_edit">
-            <el-tabs v-model="activeName" type="card">
-              <el-tab-pane label="元素配置" name="2">
+          <div class="main_edit"  >
+            <el-tabs v-model="activeName" type="card" >
+              <el-tab-pane label="元素配置" name="2" v-show="dataSet.yAxis.length>0">
                 <chart-title></chart-title>
                 <chart-legend></chart-legend>
                 <chart-x-axis></chart-x-axis>
@@ -15,7 +15,7 @@
               </el-tab-pane>
             </el-tabs>
           </div>
-          <div class="main_chart">
+          <div class="main_chart"  v-show="dataSet.yAxis.length>0">
             <el-tabs v-model="chartName" type="card">
               <el-tab-pane label="折线图" name="1">
                 <div class="main_chartList"></div>
@@ -33,7 +33,7 @@
                 <div class="main_chartList"></div>
               </el-tab-pane>
             </el-tabs>
-          </div>
+          </div >
         </div>
       </div>
 </template>
@@ -47,6 +47,7 @@
     import ChartYAxis from "./chartConfg/chartYAxis.vue";
     import ChartPoint from "./chartConfg/chartPoint.vue";
     import ChartLine from "./chartConfg/chartLine.vue";
+    import {mapState} from "vuex";
     export default {
       name: "chartedit",
       components: {ChartLine, ChartPoint, ChartYAxis, ChartXAxis, ChartLegend, ChartTitle, ChartDataZoom},
@@ -56,7 +57,11 @@
           chartName:"1",
         }
       },
+      computed: {
+        ...mapState('charts', ['dataSet']),
+      },
       mounted() {
+
       },
       methods:{
       }

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 ref="chart" class="chart" style="min-height: 600px;"></div>
+      <div v-show="dataSet.yAxis.length>0" ref="chart" class="chart" style="min-height: 600px;"></div>
     </div>
     <chartedit></chartedit>
   </div>
@@ -76,10 +76,11 @@
     },
     methods: {
       deleteData(item){
-        console.log(this.dataSet.yAxis)
+        // console.log(this.dataSet.yAxis)
         const updatedList = this.dataSet.yAxis.filter(d => d.name !== item.name);
         this.dataSet.yAxis= updatedList
         this.$store.commit('charts/updateDataSet',  this.dataSet);
+        this.init()
       },
       addPointSetting(series){
         for (var i = 0; i < series.length; i++) {