From dc627a146fc66a0bc1127fe7ef9f16468e8b53cd Mon Sep 17 00:00:00 2001
From: wangzhiqiang <wangzhiqiang@qq.com>
Date: Thu, 23 Jun 2022 17:01:28 +0800
Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E9=A1=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Charts/Gauges/GaugeRing/config.ts   |  5 ++---
 .../components/Charts/Gauges/GaugeRing/config.vue  | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/packages/components/Charts/Gauges/GaugeRing/config.ts b/src/packages/components/Charts/Gauges/GaugeRing/config.ts
index fd751eff..6d546675 100644
--- a/src/packages/components/Charts/Gauges/GaugeRing/config.ts
+++ b/src/packages/components/Charts/Gauges/GaugeRing/config.ts
@@ -19,8 +19,7 @@ const option = {
         roundCap: true,
         clip: false,
         itemStyle: {
-          borderWidth: 1,
-          borderColor: '#464646'
+          color:'#3263ec'
         }
       },
       axisLine: {
@@ -48,7 +47,7 @@ const option = {
         width: 50,
         height: 14,
         fontSize: 20,
-        color: 'auto',
+        color: '#3263ec',
         borderColor: 'auto',
         borderRadius: 20,
         borderWidth: 0,
diff --git a/src/packages/components/Charts/Gauges/GaugeRing/config.vue b/src/packages/components/Charts/Gauges/GaugeRing/config.vue
index 8fff7583..15d16082 100644
--- a/src/packages/components/Charts/Gauges/GaugeRing/config.vue
+++ b/src/packages/components/Charts/Gauges/GaugeRing/config.vue
@@ -10,6 +10,20 @@
         <n-input-number v-model:value="config.series[0].detail.fontSize" :min="10" :step="1" size="small" placeholder="数值">
         </n-input-number>
       </SettingItem>
+      <SettingItem name="环颜色">
+        <n-color-picker
+          size="small"
+          :modes="['hex']"
+          v-model:value="config.series[0].progress.itemStyle.color"
+        ></n-color-picker>
+      </SettingItem>
+      <SettingItem name="字颜色">
+        <n-color-picker
+          size="small"
+          :modes="['hex']"
+          v-model:value="config.series[0].detail.color"
+        ></n-color-picker>
+      </SettingItem>
     </SettingItemBox>
   </CollapseItem>
 </template>