湖里大屏(安全管理)：新增问题占比 legend 格式化逻辑

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
       }

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>