各模块样式等布局优化，运行分析接口联调

web/src/components/Home/Charge.vue

@@ -154,6 +154,8 @@ export default {
     },
 
     drawLineChart(activeKey) {
+      console.log(this.$refs.charge)
+      // const labelCount = Math.floor(500 / 30);
       this.getChargeData(activeKey)
       if(this.chargeChart){
         this.chargeChart.dispose()
@@ -170,7 +172,7 @@ export default {
           }
         },
         legend: {
-          top: 20,
+          top: 10,
           textStyle: {
             color: '#fff'
           }
@@ -178,8 +180,9 @@ export default {
         grid: {
           left: '3%',
           right: '4%',
-          bottom: '5%',
-          containLabel: true
+          bottom: '1%',
+          top: '32%',
+          // containLabel: true
         },
         xAxis: {
           type: 'category',
@@ -197,10 +200,11 @@ export default {
             lineStyle: { type: 'dashed', color: '#435463' }
           },
           axisLabel: {
-            interval: 4,
+            // margin: 10,
+            // interval: 60,
             color: '#fff',
-            fontSize:12
-
+            fontSize:12,
+            // padding: [5, 0, 0, 0]
           }
         },
         series: this.chargeChartData.ydata
@@ -226,37 +230,5 @@ export default {
   }
 }
 
-.text_Cur {
-  border-bottom: 1px solid transparent;
-  border-top: 1px solid transparent;
-  border-image: linear-gradient(to right, transparent, #1d8a7b, transparent) 1;
-  padding: 0px 15px;
-  font-size: 14px;
-  margin: 3px 0px;
-  height: 45px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  & > div:last-child {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: end;
-  }
-  .mark {
-    font-size: 16px;
-    margin-right: 2px;
-  }
 
-  background: linear-gradient(
-    90deg,
-    rgba(0, 186, 173, 0.15) 0%,
-    rgba(61, 254, 250, 0.15) 49.2%,
-    rgba(61, 254, 250, 0) 100%
-  );
-  .d {
-    margin-left: 1px;
-    font-size: 12px;
-  }
-}
 </style>