修改ui

src/views/OperationalOverview/components/doubleYChart .vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-09-21 09:06:28
- * @LastEditTime: 2024-03-27 14:37:35
+ * @LastEditTime: 2024-03-28 14:25:51
  * @LastEditors: zhp
  * @Description:
 -->
@@ -112,7 +112,7 @@ export default {
             }
             // barBorderRadius: this.borderRadius
           },
-          barWidth: 12,
+          barWidth: 18,
          data: outputNumList
         },
         {
@@ -166,7 +166,7 @@ export default {
               type: 'cross'
             }
           },
-          grid: { top: 90, right: 60, bottom: 20, left: 90, containLabel: true },
+          grid: { top: 90, right: 60, bottom: 20, left: 20, containLabel: true },
           legend: {
             itemWidth: 10,
             itemHeight: 10,

src/views/OperationalOverview/components/linearBarChart.vue

@@ -118,7 +118,7 @@ export default {
             }
             // barBorderRadius: this.borderRadius
           },
-          barWidth: 12,
+          barWidth: 18,
         }]
         // }
         // if (nameList.length !== 0) {
@@ -132,7 +132,7 @@ export default {
               type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
             }
           },
-          grid: { top: 90, right: 60, bottom: 20, left: 90, containLabel: true },
+          grid: { top: 90, right: 60, bottom: 20, left: 30, containLabel: true },
           // legend: {
           //   itemWidth: 10,
           //   itemHeight: 10,

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',