大屏修改

src/components/screenDisplay.vue

@@ -2236,7 +2236,7 @@ export default defineComponent({
           this.heatSourceList = this.flowList
           this.heatTrendX = this.flowListX.map(time => this.formatTime(time))
         }
-
+        console.log('this.this.heatType =',this.heatSourceList)
         this.heatTrendY = []
         for (let i = 0; i < this.heatSourceList.length; i++) {
           const name = this.heatSourceList[i][0].supplyName
@@ -2246,6 +2246,9 @@ export default defineComponent({
         }
         console.log('this.heatTrendY',this.heatTrendY)
         if (document.querySelector("#secondLeftLayer1")) {
+          var chartDom = document.getElementById("secondLeftLayer1");
+          var myChart = echarts.init(chartDom);
+          myChart.dispose()
           this.echartInitHeatSource(); // 热源趋势echarts
         }
       })
@@ -3603,11 +3606,17 @@ export default defineComponent({
       var chartDom = document.getElementById("secondLeftLayer1");
       var myChart = echarts.init(chartDom);
       var option;
-
+      const legendData = this.heatTrendY.map(item => item.name)
       option = {
         tooltip: {
           trigger: "axis",
         },
+        legend: {
+          data: legendData,
+          textStyle: {
+            color: '#ffffff' // 设置字体颜色为红色
+          }
+        },
         xAxis: {
           type: 'category',
           data: this.heatTrendX,
@@ -3640,7 +3649,7 @@ export default defineComponent({
         grid: {
           left: 30,
           right: 20,
-          top: 10,
+          top: 65,
           bottom: 35,
         },
         series: this.heatTrendY.map(series => ({
@@ -4426,19 +4435,19 @@ export default defineComponent({
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_one{
-  height: 26%;
+  height: 30%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
   //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_two{
-  height: 26%;
+  height: 24%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
   //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);
 }
 .secondLeftLayer_three{
-  height: 46%;
+  height: 44%;
   border: rgba(129, 210, 230, 0.5) solid 1px;
   //padding: 0 0 0 10px;
   background: linear-gradient(318deg, rgba(29, 70, 128, 0.8) 0%, rgba(13, 23, 76, 0.8) 100%);