update 修改颜色

src/components/body-d-right/bodyRightHooks.ts

@@ -97,7 +97,7 @@ export function useHealth() {
 
 const ringTheme = {
     dark: {
-        color: ['#0098FA', '#0CD9B5', '#3B72AD'],
+        color: ['#F58584', '#F5CC84', '#0CD9B5'],
         textStyle: {
             color: '#ffffff',
         },
@@ -123,7 +123,7 @@ const ringTheme = {
         },
     },
     light: {
-        color: ['#0098FA', '#0CD9B5', '#6077fc'],
+        color: ['#F58584', '#F5CC84', '#0CD9B5'],
         textStyle: {
             color: '#5169B8',
         },
@@ -144,7 +144,7 @@ const ringTheme = {
             },
         },
         seriesLabel: {
-            color: '#fff',
+            color: '#27386e',
         },
     },
 };
@@ -171,7 +171,7 @@ export function ringOption(chartData, total, theme) {
                 ...subtextStyle,
             },
         },
-        color: color || ['#0098FA', '#0CD9B5', '#3B72AD'],
+        color: color || ['#0098FA', '#0CD9B5', '#F5CC84'],
         tooltip: {
             trigger: 'item',
             show: true,
@@ -196,19 +196,22 @@ export function ringOption(chartData, total, theme) {
         series: [
             {
                 type: 'pie',
-                radius: ['50%', '80%'],
+                radius: ['50%', '72%'],
                 center: ['50%', '47%'],
                 avoidLabelOverlap: false,
                 label: {
                     show: true,
-                    position: 'inner',
+                    position: 'outside',
                     formatter: '{d}%',
-                    color: '#ffffff',
+                    color: '#27386e',
                     fontSize: 14,
-                    ...seriesLabel,
+                    // ...seriesLabel,
                 },
                 labelLine: {
-                    show: false,
+                    show: true,
+                    smooth: true,
+                    length: 12,
+                    length2: 5,
                 },
                 data: data,
             },