From 824c82ddb0183fadb239d44465f55e2fc1fac41d Mon Sep 17 00:00:00 2001
From: hzz <hzz>
Date: Thu, 15 Jun 2023 15:07:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Mechanics/components/ringChart.vue | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/views/Mechanics/components/ringChart.vue b/src/views/Mechanics/components/ringChart.vue
index c601fb7..e2da1b1 100644
--- a/src/views/Mechanics/components/ringChart.vue
+++ b/src/views/Mechanics/components/ringChart.vue
@@ -12,10 +12,10 @@
 </template>
 
 <script setup lang='ts'>
-import { ref, onMounted, onUnmounted, getCurrentInstance,watch,onUpdated } from 'vue'
+import { ref, onMounted, onUnmounted, getCurrentInstance, watch, onUpdated } from 'vue'
 const { proxy } = getCurrentInstance() as any;
 import { useI18n } from 'vue-i18n'
-let {t} = useI18n();
+let { t } = useI18n();
 let ringRef = ref();
 let ringChart = null;
 const prop = defineProps({
@@ -32,7 +32,7 @@ const init = () => {
                 color: "#fff",
                 fontSize: 20,
             },
-            left:'center'
+            left: 'center'
         },
         tooltip: {
             trigger: "item",
@@ -50,26 +50,26 @@ const init = () => {
             {
                 name: "",
                 type: "pie",
-                radius: ["20%", "70%"],
+                radius: ["40%", "70%"],
                 center: ["50%", "45%"],
                 avoidLabelOverlap: false,
                 itemStyle: {
-                    borderRadius: 5,
+                    borderRadius: 10,
                     // borderColor: '#fff',
                     borderWidth: 2,
-                    
+
                 },
                 label: {
                     show: true,
                     formatter(params) {
                         return `${params.name} \n${(params.value / prop.total * 100).toFixed(2)}%`
                     },
-                    fontSize:20
+                    fontSize: 20
                 },
                 labelLine: {
                     show: true,
                 },
-                top:'20%',
+                top: '20%',
                 data: prop.data,
             },
         ],