修改ui

src/views/OperationalOverview/components/pileBarChart.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-12-27 13:54:52
- * @LastEditTime: 2024-03-27 16:50:04
+ * @LastEditTime: 2024-03-28 14:21:03
  * @LastEditors: zhp
  * @Description:
 -->
@@ -102,7 +102,7 @@ export default {
           }
           totalData.push(sum);
         }
-        console.log('total', totalData);
+      console.log('total', totalData)
       this.chart = echarts.init(document.getElementById(this.id))
       const series = [
         '良品',
@@ -116,11 +116,11 @@ export default {
           name,
           type: 'bar',
           stack: 'total',
-          barWidth: 10,
-          label: {
-            show: true,
-            formatter: (params) => Math.round(params.value * 1000) / 10 + '%'
-          },
+          barWidth: 12,
+          // label: {
+          //   show: true,
+          //   formatter: (params) => Math.round(params.value * 1000) / 10 + '%'
+          // },
           color:colors[sid],
           data: rawData.length != 0 ? rawData[sid].map((d, did) =>
             totalData[did] <= 0 ? 0 : d / totalData[did]
@@ -136,6 +136,13 @@ export default {
       // })
       this.chart.setOption({
         legend: {
+          formatter: function (name) {
+            //通过name获取到数组对象中的单个对象
+            let singleData = series.filter(function (item) {
+              return item.name == name
+            })
+            return name + parseFloat((singleData[0].data * 100).toFixed(3)) + '%'
+          },
           itemWidth: 12,
           itemHeight: 12,
           bottom: '20',