From 58d9b209b7af3125861e7f7984bb84d958f82080 Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Tue, 28 Jun 2022 17:18:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E8=BF=90=E8=A1=8C=E7=9B=91?=
 =?UTF-8?q?=E6=8E=A7=E9=A5=BC=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/AbnormalSituation.vue          | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
index c478e0e9..0fa323e9 100644
--- a/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
+++ b/back/src/views/modules/sys/CapabilityOperationMonitoring/components/AbnormalSituation.vue
@@ -37,7 +37,7 @@
         <div class="AbnormalDistribution">
           <h4 class="title">API异常分布</h4>
           <div class='container-body1'>
-            <div id="main" style="width: 100px;height:200px;"></div>
+            <div id="main" style="width: 100px;height:260px;"></div>
           </div>
         </div>
         <!-- API异常次数统计 -->
@@ -190,12 +190,19 @@ export default {
           trigger: 'item'
         },
         legend: {
-          bottom: '0%'
+          bottom: '22%'
+        },
+        color: ['#0087ff', '#ff8a00', '#fcc549', '#49c988'],
+        grid: {
+          left: '0%',
+          right: '0%',
+          bottom: '10%',
+          containLabel: true
         },
-        color: ['#fc8251', '#5470c6', '#91cd77', '#ef6567', '#f9c956', '#75bedc'],
         series: [
           {
-            name: 'GA 数据统计',
+            center: ['50%', '20%'],
+            name: 'api异常分布',
             type: 'pie',
             radius: ['40%', '70%'],
             avoidLabelOverlap: false,
@@ -208,12 +215,6 @@ export default {
               show: false,
               position: 'center'
             },
-            grid: {
-              left: '0%',
-              right: '12%',
-              bottom: '10%',
-              containLabel: true
-            },
             // emphasis: {
             //   label: {
             //     show: true,