fix: 火灾指标空状态不显示

app/src/views/Home/components/FireIndex/Chart.vue

@@ -1,18 +1,17 @@
 <template >
-  <div>
-    <div ref="chart" style="height: 200px;"  v-show="items && items.length > 0"></div>
-    <div
-      style="margin-top: 0px; margin-left: 140px"
-      v-show="items && items.length == 0"
-    >
-      <img
-        src="../../../../assets/images/null2.png"
-        alt=""
-        style="width: 150px; height: 150px"
-      />
-    </div>
+  <div  v-if="items && items.length > 0">
+    <div ref="chart" style="height: 200px;" ></div>
+  </div>
+  <div
+    style="margin-top: 0px; margin-left: 140px"
+    v-else
+  >
+    <img
+      src="../../../../assets/images/null2.png"
+      alt=""
+      style="width: 150px; height: 150px"
+    />
   </div>
- 
 </template>
 
 <script>
@@ -32,15 +31,18 @@ export default {
     }
   },
   mounted() {
+    this.chart = echarts.init(this.$refs.chart)
     // 初始化表格
     this.init()
   },
   watch: {
     items: {
       handler() {
-        this.reload()
+        this.$nextTick(() => {
+          this.chart = echarts.init(this.$refs.chart)
+          this.init()
+        })
       },
-      // immediate:true,
       deep: true
     },
     label: {
@@ -51,13 +53,11 @@ export default {
           }
         });
       },
-      immediate:true,
       deep: true
     }
   },
   methods: {
     init() {
-      this.chart = echarts.init(this.$refs.chart)
       this.chart.setOption({
           tooltip: {
             trigger: "axis",