fix(工作台): 修复工作台测试计划概览缺陷

frontend/src/views/workbench/homePage/components/ratioPie.vue

@@ -147,6 +147,8 @@
       radius: ['75%', '90%'],
       center: ['50%', '50%'],
       color: [],
+      minAngle: 5,
+      minShowLabelAngle: 10,
       avoidLabelOverlap: false,
       label: {
         show: false,
@@ -175,9 +177,8 @@
 
     const pieBorderWidth = hasDataLength === 1 ? 0 : 1;
 
-    options.value.series.data =
-      hasDataLength > 0
-        ? temData.map((e) => {
+    const seriesData = temData
+      .map((e, i) => {
         return {
           ...e,
           tooltip: {
@@ -185,12 +186,15 @@
             show: !!props.hasPermission,
           },
           itemStyle: {
+            color: color[i],
             borderWidth: pieBorderWidth,
             borderColor: '#ffffff',
           },
         };
       })
-        : [];
+      .filter((e) => e.value !== 0);
+
+    options.value.series.data = hasDataLength > 0 ? seriesData : [];
     legend.value = [...props.data.slice(1)].map((e, i) => {
       return {
         ...e,
@@ -213,8 +217,6 @@
 
     options.value.tooltip.show = !!props.hasPermission;
     options.value.title.text = name;
-
-    options.value.series.color = color;
   }
 
   const chartRef = ref<InstanceType<typeof MsChart>>();

frontend/src/views/workbench/homePage/components/testPlanOverview.vue

@@ -257,7 +257,8 @@
 
     const pieBorderWidth = executeData.filter((e) => Number(e.value) > 0).length === 1 ? 0 : 1;
 
-    execOptions.value.series.data = executeData.map((e) => {
+    execOptions.value.series.data = executeData
+      .map((e) => {
         return {
           ...e,
           itemStyle: {
@@ -266,7 +267,8 @@
             color: e.color,
           },
         };
-    });
+      })
+      .filter((e) => e.value !== 0);
   }
 
   const showSkeleton = ref(false);