能力运行监控饼图

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,