From 4645118220b92c95da586f39a688cba44e2fb293 Mon Sep 17 00:00:00 2001
From: zk_wpw <wanpinwei@zeeka.com.cn>
Date: Thu, 3 Jul 2025 09:24:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=A5=BC=E5=9B=BE=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E8=A7=92=E5=BA=A6=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Charts/Pies/PieCircle/config.ts           | 30 ++++++++++---------
 .../Charts/Pies/PieCircle/config.vue          | 26 ++++++++++++++++
 .../Charts/Pies/PieCommon/config.ts           |  4 ++-
 .../Charts/Pies/PieCommon/config.vue          | 26 ++++++++++++++++
 4 files changed, 71 insertions(+), 15 deletions(-)

diff --git a/src/packages/components/Charts/Pies/PieCircle/config.ts b/src/packages/components/Charts/Pies/PieCircle/config.ts
index cbee4975..1510ec55 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.ts
+++ b/src/packages/components/Charts/Pies/PieCircle/config.ts
@@ -11,25 +11,27 @@ const option = {
     trigger: 'item'
   },
   legend: {
-    show: true,
+    show: true
   },
   dataset: 0.25,
   title: {
-    text: 25 + "%",
-    x: "center",
-    y: "center",
+    text: 25 + '%',
+    x: 'center',
+    y: 'center',
     textStyle: {
-      color: "#56B9F8",
+      color: '#56B9F8',
       fontSize: 30
     }
   },
   series: [
     {
-      type: "pie",
-      radius: ["75%", "80%"],
-      center: ["50%", "50%"],
+      type: 'pie',
+      radius: ['75%', '80%'],
+      center: ['50%', '50%'],
       hoverAnimation: true,
-      color: ["#00bcd44a", "transparent"],
+      color: ['#00bcd44a', 'transparent'],
+      startAngle: 0,
+      endAngle: 360,
       label: {
         show: false
       },
@@ -37,21 +39,21 @@ const option = {
         {
           value: [25],
           itemStyle: {
-            color: "#03a9f4",
+            color: '#03a9f4',
             shadowBlur: 10,
-            shadowColor:"#97e2f5"
+            shadowColor: '#97e2f5'
           }
         },
         {
           value: [75],
           itemStyle: {
-            color: "#00bcd44a",
+            color: '#00bcd44a',
             shadowBlur: 0,
-            shadowColor:"#00bcd44a"
+            shadowColor: '#00bcd44a'
           }
         }
       ]
-    },
+    }
   ]
 }
 
diff --git a/src/packages/components/Charts/Pies/PieCircle/config.vue b/src/packages/components/Charts/Pies/PieCircle/config.vue
index f343aa23..61536463 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.vue
+++ b/src/packages/components/Charts/Pies/PieCircle/config.vue
@@ -82,6 +82,32 @@
         />
       </SettingItem>
     </SettingItemBox>
+    <SettingItemBox name="角度">
+      <SettingItem name="起始角度">
+        <n-input-number
+          v-model:value="optionData.series[0].startAngle"
+          :min="0"
+          :step="1"
+          :max="360"
+          size="small"
+          placeholder="支持范围[0, 360]"
+        >
+          <template #suffix> ° </template>
+        </n-input-number>
+      </SettingItem>
+      <SettingItem name="结束角度">
+        <n-input-number
+          v-model:value="optionData.series[0].endAngle"
+          :min="0"
+          :step="1"
+          :max="360"
+          size="small"
+          placeholder="支持范围[0, 360]"
+        >
+          <template #suffix> ° </template>
+        </n-input-number>
+      </SettingItem>
+    </SettingItemBox>
   </CollapseItem>
 </template>
 
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.ts b/src/packages/components/Charts/Pies/PieCommon/config.ts
index 09985dbe..043a088f 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.ts
+++ b/src/packages/components/Charts/Pies/PieCommon/config.ts
@@ -21,7 +21,7 @@ export const PieTypeObject = {
 // 其它配置
 const otherConfig = {
   // 轮播动画
-  isCarousel: false,
+  isCarousel: false
 }
 
 const option = {
@@ -42,6 +42,8 @@ const option = {
       center: ['50%', '60%'],
       roseType: false,
       avoidLabelOverlap: false,
+      startAngle: 0,
+      endAngle: 360,
       itemStyle: {
         show: true,
         borderRadius: 10,
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.vue b/src/packages/components/Charts/Pies/PieCommon/config.vue
index 5666ea89..21f2800a 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.vue
+++ b/src/packages/components/Charts/Pies/PieCommon/config.vue
@@ -113,6 +113,32 @@
         />
       </SettingItem>
     </setting-item-box>
+    <SettingItemBox name="角度">
+      <SettingItem name="起始角度">
+        <n-input-number
+          v-model:value="optionData.series[0].startAngle"
+          :min="0"
+          :step="1"
+          :max="360"
+          size="small"
+          placeholder="支持范围[0, 360]"
+        >
+          <template #suffix> ° </template>
+        </n-input-number>
+      </SettingItem>
+      <SettingItem name="结束角度">
+        <n-input-number
+          v-model:value="optionData.series[0].endAngle"
+          :min="0"
+          :step="1"
+          :max="360"
+          size="small"
+          placeholder="支持范围[0, 360]"
+        >
+          <template #suffix> ° </template>
+        </n-input-number>
+      </SettingItem>
+    </SettingItemBox>
   </CollapseItem>
 </template>