能力统计echarts修改

front/src/views/abilityStatistics/components/ResourceAggregation.vue

@@ -240,8 +240,8 @@
       },
       legend: {
         icon: 'emptyCircle',
-        height: 3,
-        itemGap: 40,
+        itemGap: 20,
+        padding: 20,
         // orient: 'horizontal',
         bottom: 0,
         formatter: function (name) {

front/src/views/abilityStatistics/components/SharingSituation.vue

@@ -97,6 +97,12 @@
     let myChart = echarts.init(chartDom)
     let option
     option = {
+      grid: {
+        top: '10%',
+        right: '5%',
+        bottom: '10%',
+        left: '5%',
+      },
       xAxis: {
         type: 'category',
         data: datas.time,
@@ -255,16 +261,21 @@
   }
 
   .situation {
-    font-weight: 600;
-    font-style: normal;
-    font-size: 24px;
+    font-size: 30px;
+    color: #000;
     text-align: center;
-  }
-  .line {
-    width: 34px;
-    height: 3px;
-    background-color: #0058e1;
-    margin-top: 8px;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 26px;
+    .line {
+      width: 34px;
+      height: 3px;
+      background-color: #0058e1;
+      margin-top: 8px;
+    }
   }
 
   .SharingSituation {
@@ -321,8 +332,8 @@
 
     .Chart {
       flex: 1;
-      width: 598px;
-      height: 286px;
+      width: 638px;
+      height: 296px;
       background: #f7f7f7;
       text-align: center;
       margin: auto;