王子文 电厂大屏 第一页所有echart字体统一改成白色

ui/src/views/monitor/elec/center.vue

@@ -283,11 +283,20 @@ export default {
       this.chart.setOption({
         xAxis: {
           type: 'category',
-          data: hourArray
+          data: hourArray,
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         yAxis: {
           type: 'value',
-          name:  'Unit:(t)'
+          name:  'Unit:(t)',
+          axisLabel: {
+            color: '#ffffff'
+          },
+          nameTextStyle: {
+            color: '#ffffff'
+          }
         },
         series: [
           {

ui/src/views/monitor/elec/centerLeft1.vue

@@ -218,10 +218,16 @@ export default {
         },
         xAxis: {
           type: 'category',
-          data:dateDay
+          data:dateDay,
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         yAxis: {
-          type: 'value'
+          type: 'value',
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         series: [
           {
@@ -336,10 +342,16 @@ export default {
         xAxis: {
           type: 'category',
           // data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
-          data:dateDay
+          data:dateDay,
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         yAxis: {
-          type: 'value'
+          type: 'value',
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         series: [
           {
@@ -463,10 +475,16 @@ export default {
         xAxis: {
           type: 'category',
           // data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
-          data:dateDay
+          data:dateDay,
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         yAxis: {
-          type: 'value'
+          type: 'value',
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         series: [
           {
@@ -590,10 +608,16 @@ export default {
         xAxis: {
           type: 'category',
           // data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31']
-          data:dateDay
+          data:dateDay,
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         yAxis: {
-          type: 'value'
+          type: 'value',
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         series: [
           {

ui/src/views/monitor/elec/centerRight1.vue

@@ -100,11 +100,17 @@ export default {
         },
         xAxis: [
           {
-            data: dateDay
+            data: dateDay,
+            axisLabel: {
+              color: '#ffffff'
+            }
           },
         ],
         yAxis: {
-          name: 'Unit:(MW)'
+          name: 'Unit:(MW)',
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         series: [
           {
@@ -235,11 +241,17 @@ export default {
         },
         xAxis: [
           {
-            data: dateDay
+            data: dateDay,
+            axisLabel: {
+              color: '#ffffff'
+            }
           },
         ],
         yAxis: {
-          name: 'Unit:(MW)'
+          name: 'Unit:(MW)',
+          axisLabel: {
+            color: '#ffffff'
+          }
         },
         series: [
           {

ui/src/views/monitor/elec/centerRight2.vue

@@ -107,13 +107,22 @@
               data:dateDay,
               axisTick: {
                 alignWithLabel: true
+              },
+              axisLabel: {
+                color: '#ffffff'
               }
             }
           ],
           yAxis: [
             {
               type: 'value',
-              name: 'Unit:(kW·h)'
+              name: 'Unit:(kW·h)',
+              axisLabel: {
+                color: '#ffffff'
+              },
+              nameTextStyle: {
+                color: '#ffffff'
+              }
             }
           ],
           series: [

ui/src/views/monitor/elec/echart/bottom/bottomLeftChart.vue

@@ -2,7 +2,7 @@
   <div @click="opnenDialg">
     <div id="bottomLeftChart" style="width:11.25rem;height:5.9rem;"></div>
     <el-dialog class="my-info-dialog" :visible.sync="openChart" title="蒸汽消耗" @open="open" width="1600px" destroy-on-close append-to-body>
-      <span style="padding-left:65px;color:#74777F;">Unit:(t/h)</span>
+      <span style="padding-left:65px;color:#ffffff;">Unit:(t/h)</span>
       <div id="bottomLeftChart2" style="width:100%;height:600px;"></div>
     </el-dialog>
   </div>
@@ -176,6 +176,9 @@ export default {
           },
           axisTick: {
             show: false
+          },
+          axisLabel: {
+            color: '#ffffff'
           }
         },
         yAxis: [
@@ -186,9 +189,9 @@ export default {
                 color: "#B4B4B4"
               }
             },
-
             axisLabel: {
-              formatter: "{value} "
+              formatter: "{value} ",
+              color: '#ffffff'
             }
           },
           {

ui/src/views/monitor/elec/echart/bottom/bottomRightChart.vue

@@ -287,7 +287,7 @@ export default {
             position: "bottom",
             axisLine: true,
             axisLabel: {
-              color: "rgba(255,255,255,.8)",
+              color: "#ffffff",
               fontSize: 12
             },
             data: hourArray
@@ -295,7 +295,13 @@ export default {
           },
         yAxis: {
           type: 'value',
-          name: 'Unit:(Nm³)'
+          name: 'Unit:(Nm³)',
+          axisLabel: {
+            color: '#ffffff'
+          },
+          nameTextStyle: {
+            color: '#ffffff'
+          }
         },
         series: [
           {