style(接口测试): 优化接口测试报告的饼状图

优化接口测试报告的饼状图，当某个扇面过于小时使用一个最小尺寸，避免饼状图看不到这一部分

api-test/frontend/src/business/automation/report/ApiReportDetail.vue

@@ -18,7 +18,6 @@
               :is-share="isShare"
               @reportExport="handleExport"
               @reportSave="handleSave" />
-
             <!-- content -->
             <main v-if="isNotRunning">
               <!-- content header chart -->
@@ -704,8 +703,8 @@ export default {
           }
         }
       }
-      if(this.content.scenarios && this.content.scenarios[0].requestResults){
+      if (this.content.scenarios && this.content.scenarios[0].requestResults) {
-        this.content.scenarios[0].requestResults.push({responseResult: {}});
+        this.content.scenarios[0].requestResults.push({ responseResult: {} });
       }
       this.reportExportVisible = true;
       let reset = this.exportReportReset;

api-test/frontend/src/business/automation/report/components/MetricChart.vue

@@ -255,6 +255,13 @@ export default {
       return total;
     },
     options() {
+      let picData = [
+        { value: this.content.success > 0 ? this.content.success : '-', name: 'Success' },
+        { value: this.content.error > 0 ? this.content.error : '-', name: 'Error' },
+        { value: this.content.errorCode > 0 ? this.content.errorCode : '-', name: 'FakeError' },
+        { value: this.content.unExecute > 0 ? this.content.unExecute : '-', name: 'Pending' },
+      ];
+
       return {
         color: ['#67C23A', '#F56C6C', '#F6972A', '#9C9B9A'],
         tooltip: {
@@ -286,6 +293,7 @@ export default {
         ],
         series: [
           {
+            minAngle: 3,
             type: 'pie',
             radius: ['80%', '90%'],
             avoidLabelOverlap: false,
@@ -301,12 +309,7 @@ export default {
             labelLine: {
               show: false,
             },
-            data: [
+            data: picData,
-              { value: this.content.success, name: 'Success' },
-              { value: this.content.error, name: 'Error' },
-              { value: this.content.errorCode, name: 'FakeError' },
-              { value: this.content.unExecute, name: 'Pending' },
-            ],
           },
         ],
       };