左下角图表默认背景色

src/components/chart/chart.vue

@@ -128,9 +128,9 @@ const init = (max: any, value: any) => {
                 color: '#00214d',
                 barGap: '-100%',
             },
-           /*  {
+            {
                 type: 'bar',
-                data: [1],
+                data: [100],
                 z: 0,
                 silent: true,
                 coordinateSystem: 'polar',
@@ -138,7 +138,7 @@ const init = (max: any, value: any) => {
                 roundCap: true,
                 color: '#00214d',
                 barGap: '-100%',
-            }, */
+            },
         ],
     }
     myChart.value.setOption(option);

src/components/chart/pieChart.vue

@@ -19,8 +19,8 @@ onMounted(() => {
 //    resize(){
 //     this.myChart.resize();
 //   },
-const init=(max, value) =>{
-    
+const init = (max, value) => {
+
     chartMax.value = max ? max : 100;
     chartValues.value = value ? value : 0;
     if (chartMax && chartValues) {
@@ -29,7 +29,7 @@ const init=(max, value) =>{
     if (chartRate.value === "100.0") {
         chartRate.value = "100"; // 如果百分比等于100，则更新为整数形式
     }
-    
+
     let option = {
         title: {
             text: (chartRate.value || '0.0') + '%',
@@ -102,17 +102,6 @@ const init=(max, value) =>{
                 }
                 ])
             },
-            /* {
-                type: 'bar',
-                data: [{ name: "新生总人数", value: chartMax.value }],
-                startAngle: 0,
-                z: 1,
-                coordinateSystem: 'polar',
-                barMaxWidth: 35,
-                roundCap: 1,
-                color: '#00214d',
-                barGap: '-100%',
-            }, */
             {
                 type: 'bar',
                 data: [{ name: "新生总人数", value: chartMax.value }],
@@ -124,11 +113,22 @@ const init=(max, value) =>{
                 color: '#00214d',
                 barGap: '-100%',
             },
+            {
+                type: 'bar',
+                data: [100],
+                z: 0,
+                silent: true,
+                coordinateSystem: 'polar',
+                barMaxWidth: 35,
+                roundCap: true,
+                color: '#00214d',
+                barGap: '-100%',
+            },
         ],
     }
     option && myChart.value.setOption(option);
 }
-defineExpose({init})
+defineExpose({ init })
 </script>
 
 <style lang="scss" scoped></style>