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,22 +177,24 @@
 
     const pieBorderWidth = hasDataLength === 1 ? 0 : 1;
 
-    options.value.series.data =
+    const seriesData = temData
-      hasDataLength > 0
+      .map((e, i) => {
-        ? temData.map((e) => {
+        return {
-            return {
+          ...e,
-              ...e,
+          tooltip: {
-              tooltip: {
+            ...toolTipConfig,
-                ...toolTipConfig,
+            show: !!props.hasPermission,
-                show: !!props.hasPermission,
+          },
-              },
+          itemStyle: {
-              itemStyle: {
+            color: color[i],
-                borderWidth: pieBorderWidth,
+            borderWidth: pieBorderWidth,
-                borderColor: '#ffffff',
+            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,16 +257,18 @@
 
     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
-      return {
+      .map((e) => {
-        ...e,
+        return {
-        itemStyle: {
+          ...e,
-          borderWidth: pieBorderWidth,
+          itemStyle: {
-          borderColor: '#ffffff',
+            borderWidth: pieBorderWidth,
-          color: e.color,
+            borderColor: '#ffffff',
-        },
+            color: e.color,
-      };
+          },
-    });
+        };
+      })
+      .filter((e) => e.value !== 0);
   }
 
   const showSkeleton = ref(false);