修改bug

src/views/OperationalOverview/components/doubleYChart .vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: zhp
  * @Date: 2023-09-21 09:06:28
- * @LastEditTime: 2023-12-29 16:18:17
+ * @LastEditTime: 2024-01-09 14:42:02
  * @LastEditors: zhp
  * @Description:
 -->
@@ -88,11 +88,21 @@ export default {
           name: '产线产量',
           type: 'bar',
           yAxisIndex: 1,
-          itemStyle: {
-            color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-              { offset: 0, color: '#9DD5FF' },
-              { offset: 1, color: '#1295FF' }
-            ])
+         itemStyle: {
+           normal: {
+             color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+               { offset: 0, color: '#9DD5FF' },
+               { offset: 0.3, color: '#1295FF' }
+             ]),
+             label: {
+               show: true,		//开启显示
+               position: 'top',	//在上方显示
+               textStyle: {	    //数值样式
+                 color: '#ced1d5',
+                 fontSize: 12
+               }
+             },
+            }
             // barBorderRadius: this.borderRadius
           },
           barWidth: 12,
@@ -100,6 +110,7 @@ export default {
         },
         {
           name: '产线良品率',
+          symbol: 'circle', //变为实心圆
           type: 'line',
           yAxisIndex: 0,
           areaStyle: {
@@ -126,10 +137,10 @@ export default {
           data: passRateList
         }
       ]
-      const colors = ['#5470C6', '#91CC75', '#EE6666']
+      // const colors = ['#5470C6', '#91CC75', '#EE6666']
       this.chart = echarts.init(document.getElementById(this.id))
       this.chart.setOption({
-        color: colors,
+        // color: colors,
         tooltip: {
           trigger: 'axis',
           axisPointer: {
@@ -137,8 +148,8 @@ export default {
           }
         },
         grid: {
-          left: "4%",
-          right: "4%",
+          left: "3%",
+          right: "5%",
           bottom: "3%",
           width: 'auto',
           height: "auto",
@@ -187,11 +198,13 @@ export default {
             type: 'value',
             name: '良品率/%',
             nameTextStyle: {// y轴上方单位的颜色
-              color: '#fff'
+              color: '#fff',
+              align: "left",
             },
             position: 'right',
             alignTicks: true,
             axisLine: {
+              show: true,
               lineStyle: {
                 type: 'solid',
                 color: '#213259', // 左边线的颜色
@@ -227,12 +240,15 @@ export default {
             scale: true,
             type: 'value',
             name: '产量/㎡', // y轴上方的单位
-            nameTextStyle: {// y轴上方单位的颜色
-              color: '#fff'
+            nameTextStyle: {
+              color: "#fff",
+              // fontSize: 10,
+              align: "right",
             },
             position: 'left',
             alignTicks: true,
             axisLine: {
+              show: true,
               lineStyle: {
                 type: 'solid',
                 color: '#213259', // 左边线的颜色