From a1850b95b68276d1dd7e5a9b5f85869d2042bc31 Mon Sep 17 00:00:00 2001
From: zk <k12019@aliyun.com>
Date: Tue, 2 Jul 2024 13:59:18 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E4=BF=AE=E6=94=B9=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/body-d-right/bodyRightHooks.ts | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/body-d-right/bodyRightHooks.ts b/src/components/body-d-right/bodyRightHooks.ts
index ba0e755..77c1372 100644
--- a/src/components/body-d-right/bodyRightHooks.ts
+++ b/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,
             },