修改温湿度监控

src/components/Charts/Chart.vue

@@ -10,8 +10,9 @@ export default {
   watch:{
     chartOption: {
       handler(newVal, oldVal) {
-        console.log(newVal)
+        if(newVal){
           this.initChart(newVal)
+        }
       },
       deep: true, // 是否深度监听
     }
@@ -24,7 +25,9 @@ export default {
     }
   },
   mounted() {
+    if(this.chartOption){
       this.initChart(this.chartOption)
+    }
   },
   beforeDestroy() {
     if (!this.chart) {

src/views/ems/report/TemperatureHumidityMonitoring/index.vue

@@ -57,6 +57,7 @@
         </el-form>
         <div v-for="item in list" class="chart">
           <Chart ref="Chart1" style="width: 100%;height: 100%" :chartOption="getChart(item)"/>
+          <div class="title">{{item.monitorName}}</div>
         </div>
       </el-col>
     </el-row>
@@ -327,6 +328,15 @@ export default {
   display: inline-block;
   width: 50%;
   height: 40vh;
+  position: relative;
+}
+.chart .title{
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 1vw;
+  font-weight: 700;
 }
 
 .chart2 {

src/views/ems/report/currentIOTCurve/index.vue

@@ -451,10 +451,9 @@ export default {
           }
         ]
       }
-
+      console.log(option1)
       this.$refs.Chart1.setData(option1)
-      // option1 && Chart1.setOption(option1);
-      // this.$refs.Chart2.setData(option2)
+
       echarts.connect(this.$refs.Chart1.chart)
       // , this.$refs.Chart2.chart
       this.$refs.Chart1.chart.on('datazoom', (e) => {