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>