From 7bc6ff761992b5bcd1238eb0d672f8f54f0ad1a5 Mon Sep 17 00:00:00 2001
From: slxb <835969743@qq.com>
Date: Tue, 13 Dec 2022 19:07:47 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A5=BC=E7=8A=B6=E5=9B=BE=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=20=E6=98=BE=E7=A4=BA=E6=A0=87=E7=AD=BE,?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=98=BE=E7=A4=BA=E5=86=85=E5=AE=B9,?=
 =?UTF-8?q?=E5=BC=95=E5=AF=BC=E7=BA=BF=E6=98=BE=E7=A4=BA,=E9=A5=BC?=
 =?UTF-8?q?=E7=8A=B6=E5=9B=BE=E5=9C=86=E8=A7=92=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Charts/Pies/PieCommon/config.ts           |  4 +-
 .../Charts/Pies/PieCommon/config.vue          | 46 +++++++++++++++++++
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/packages/components/Charts/Pies/PieCommon/config.ts b/src/packages/components/Charts/Pies/PieCommon/config.ts
index 068450b6..73505883 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.ts
+++ b/src/packages/components/Charts/Pies/PieCommon/config.ts
@@ -43,7 +43,9 @@ const option = {
       },
       label: {
         show: false,
-        position: 'center'
+        position: 'center',
+        formatter: '{b}',
+        fontSize:12
       },
       emphasis: {
         label: {
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.vue b/src/packages/components/Charts/Pies/PieCommon/config.vue
index 55aa8de5..ee6b40f4 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.vue
+++ b/src/packages/components/Charts/Pies/PieCommon/config.vue
@@ -7,6 +7,52 @@
         <n-select v-model:value="optionData.type" size="small" :options="fontWeightOptions" />
       </SettingItem>
     </SettingItemBox>
+    <SettingItemBox name="标签">
+      <SettingItem>
+        <n-space>
+          <n-switch v-model:value="optionData.series[0].label.show" size="small"></n-switch>
+          <n-text>展示标签</n-text>
+        </n-space>
+      </SettingItem>
+      <SettingItem name="位置">
+        <n-select v-model:value="optionData.series[0].label.position" :options="[
+            { label: '外侧', value: 'outside' },
+            { label: '内部', value: 'inside' },
+            { label: '中心', value: 'center' }
+          ]" />
+      </SettingItem>
+    </SettingItemBox>
+    <setting-item-box name="标签数据">
+      <setting-item>
+        <n-select v-model:value="optionData.series[0].label.formatter" :options="[
+            { label: '数据名', value: '{b}' },
+            { label: '百分比', value: '{d}' },
+            { label: '列名:百分比', value: '{b}:{d}%' },
+          ]" />
+      </setting-item>
+    </setting-item-box>
+    <setting-item-box name="引导线">
+      <setting-item>
+        <n-space>
+          <n-switch v-model:value="optionData.series[0].labelLine.show" size="small"></n-switch>
+          <n-text>展示引导线</n-text>
+        </n-space>
+      </setting-item>
+    </setting-item-box>
+    <setting-item-box name="圆角">
+      <setting-item>
+        <n-space>
+          <n-input-number v-model:value="optionData.series[0].itemStyle.borderRadius" size="small" :min="0"></n-input-number>
+          <n-text>圆角大小</n-text>
+        </n-space>
+      </setting-item>
+      <setting-item>
+        <n-space>
+          <n-input-number v-model:value="optionData.series[0].itemStyle.borderWidth" size="small" :min="0"></n-input-number>
+          <n-text>线条宽度</n-text>
+        </n-space>
+      </setting-item>
+    </setting-item-box>
   </CollapseItem>
 </template>