From b5f18ecedc107c398873acac13216a9c9a5c5a42 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Thu, 17 Nov 2022 15:13:30 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E7=BB=9F=E8=AE=A1echarts?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ResourceAggregation.vue        |  4 +--
 .../components/SharingSituation.vue           | 33 ++++++++++++-------
 2 files changed, 24 insertions(+), 13 deletions(-)

diff --git a/front/src/views/abilityStatistics/components/ResourceAggregation.vue b/front/src/views/abilityStatistics/components/ResourceAggregation.vue
index 3d9d4741..9e586c8d 100644
--- a/front/src/views/abilityStatistics/components/ResourceAggregation.vue
+++ b/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) {
diff --git a/front/src/views/abilityStatistics/components/SharingSituation.vue b/front/src/views/abilityStatistics/components/SharingSituation.vue
index 9bc27605..3ec8b807 100644
--- a/front/src/views/abilityStatistics/components/SharingSituation.vue
+++ b/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;