优化

src/views/module_ems/photovoltaic/stationMonitor/index.vue

@@ -19,8 +19,9 @@
                 </a-col>
             </a-form> -->
             <a-col :span="12">
-              <div class="totalEle-trend" ref="realPowerChart" style="padding-top:10%;"></div>
-              <span style="margin-top: 120px">实时发电功率(kW)</span>
+              <div class="totalEle-trend" ref="realPowerChart" style="padding-top:15%;"></div>
+              <!-- <div style="font-size:20px;">{{stationInfo.realPower}}</div> -->
+              <span>实时发电功率(kW)</span>
             </a-col>
             <a-col :span="12">
               <div class="head-info" style="text-align: left; margin-top: 30px">
@@ -198,7 +199,7 @@
           title="功率及发电量趋势"
           style="margin-left: -4px"
         >
-          <div class="totalEle-trend" ref="powerChart"></div>
+          <div class="totalEle-trend2" ref="powerChart"></div>
         </a-card>
       </a-col>
     </a-row>
@@ -331,11 +332,13 @@ export default {
               // 仪表盘展示文字
               // show: false,
               formatter: '{value}',
+              fontSize: '18',
               color: "#838383"
             },
             radius: '100%', // 仪表盘放大/缩小
             axisLine: { lineStyle: {
                 color: [[1, '#1FD09D']],
+                // width: 8
             } },
             axisLabel: {
                 textStyle: {
@@ -365,6 +368,7 @@ export default {
               // 刻度标签(数字)
               axisLabel: {
                 // distance: 2,
+                fontSize: '10',
                 color: '#B0B0B0',
               },
               // 仪表盘指针
@@ -375,7 +379,7 @@ export default {
               },
               // 仪表盘指针样式
               itemStyle: {
-                color: '#1FD09D'
+                color: '#1FD09D',
               },
             data: [
               {
@@ -709,6 +713,10 @@ export default {
 }
 
 .totalEle-trend {
+  height: 200px;
+  // width: 200px;
+}
+.totalEle-trend2 {
   height: 220px;
 }
 .topcard {