From 4b5895c0bb0f3fb00d500aa785a4f85a0963b840 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Mon, 15 Aug 2022 11:32:54 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B9=96=E9=87=8C=E5=A4=A7=E5=B1=8F(=E5=AE=89?=
 =?UTF-8?q?=E5=85=A8=E7=AE=A1=E7=90=86)=EF=BC=9A=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=E5=8D=A0=E6=AF=94=20legend=20=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E5=8C=96=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../jlw/jChart/pie/JNestedRingChart.vue            |  9 +++++++--
 .../projectAdmin/jlw/safeManage/leftCenter.vue     | 14 +++++++++++++-
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/views/projectAdmin/jlw/jChart/pie/JNestedRingChart.vue b/src/views/projectAdmin/jlw/jChart/pie/JNestedRingChart.vue
index 1f163eb5..67e073f3 100644
--- a/src/views/projectAdmin/jlw/jChart/pie/JNestedRingChart.vue
+++ b/src/views/projectAdmin/jlw/jChart/pie/JNestedRingChart.vue
@@ -15,6 +15,10 @@ export default {
         y: '36%'
       })
     },
+    legend: {
+      type: Object,
+      default: () => ({})
+    },
     series: {
       required: true,
       type: Array,
@@ -32,7 +36,7 @@ export default {
   },
   methods: {
     createChart() {
-      const { title, series } = this
+      const { title, legend, series } = this
       const setSeries = (series => {
         return series.map(item => ({
           type: 'pie',
@@ -79,7 +83,8 @@ export default {
           textStyle: {
             color: '#ffffff',
             fontSize: 14
-          }
+          },
+          formatter: legend.formatter
         },
         series: setSeries
       }
diff --git a/src/views/projectAdmin/jlw/safeManage/leftCenter.vue b/src/views/projectAdmin/jlw/safeManage/leftCenter.vue
index 01faeaf0..9694a3c5 100644
--- a/src/views/projectAdmin/jlw/safeManage/leftCenter.vue
+++ b/src/views/projectAdmin/jlw/safeManage/leftCenter.vue
@@ -17,7 +17,7 @@
       </div>
     </div> -->
 
-    <JNestedRingChart :title="{ text: totalNum, subTitle: '问题总数', y: '35%' }" :series="series" />
+    <JNestedRingChart :title="{ text: totalNum, subTitle: '问题总数', y: '35%' }" :series="series" :legend="legend" />
   </Card>
 </template>
 
@@ -55,6 +55,18 @@ export default {
       series: [],
       total: 0
     }
+  },
+  computed: {
+    legend() {
+      const data = (this.series[0] || []).data || []
+      const formatter = name => {
+        const value = ((data.filter(item => item.name === name) || [])[0] || {}).value
+        return `${name} ${value}`
+      }
+      return {
+        formatter
+      }
+    }
   }
 }
 </script>