还原代码

src/components/baozuo-demo/BottomCharts.vue

@@ -21,7 +21,7 @@
 
       <div class="bc-chart-item" v-if="!isChange">
         <div class="bcci-header">盖板派工单执行进度</div>
-        <dv-scroll-board :config="config" style="height:90%;margin-left: 2%;width:96%" />
+        <dv-scroll-board :config="config2" style="height:90%;margin-left: 2%;width:96%" />
       </div>
     </div>
   </div>

src/components/baozuo-demo/LeftChart2.vue

@@ -22,7 +22,6 @@ function getRecentSixMonths() {
 
     return months;
 }
-import { color } from 'chart.js/helpers';
 import * as echarts from 'echarts';
 export default {
   name: 'RoseChart',
@@ -48,15 +47,15 @@ export default {
       console.log(myChart)
       this.option = {
         title: {
-          text: '近半年产量情况',
+          text: '月生产情况',
-          // subtext: '完成率',
+          subtext: '完成率',
-          // subtextStyle:{
+          subtextStyle:{
-          //   fontSize:20,
+            fontSize:20,
-          //   fontWight:'bold',
+            fontWight:'bold',
-          //   color:'#fff'
+            color:'#fff'
-          // },
+          },
           textStyle:{
-            fontSize:30,
+            fontSize:25,
             fontWight:'bold',
             color:'#fff'
           }
@@ -65,24 +64,12 @@ export default {
           trigger: 'axis',
         },
         legend: {
-          icon: 'rect',
+          data: this.dataType == '整机' ?['机芯1线', '机芯2线', '盖板线'] : ['整机线'],
-          itemWidth: 20, // 色块宽度
-          itemHeight: 20, // 色块高度
-          itemGap: 40, // 图例之间的间距
-          data: this.dataType == '整机' ?['整机线']:['整机', '机芯', '盖板'],
-          
           textStyle:{
-            color: '#fff',
+            fontSize:25,
-            fontSize:30,
+            color:'#fff'
-            fontWight:'bold'
           }
         },
-        grid: {
-          left: '3%',
-          right: '7%',
-          bottom: '3%',
-          containLabel: true
-        },
         toolbox: { 
         },
         calculable: true,
@@ -95,7 +82,7 @@ export default {
               }
             },
             axisLabel: {
-            fontSize: 35, // 设置 Y 轴字体大小
+            fontSize: 20, // 设置 Y 轴字体大小
             color: '#fff' // 可选：设置字体颜色
           },
             // prettier-ignore
@@ -111,18 +98,8 @@ export default {
               }
             },
             axisLabel: {
-              fontSize: 35, // 设置 Y 轴字体大小
+            fontSize: 20, // 设置 Y 轴字体大小
             color: '#fff' // 可选：设置字体颜色
-            },
-            splitLine: {
-            show: false, // 显示 y 轴辅助线
-            lineStyle: {
-                type: 'dashed', // 设置为虚线
-                color: '#999', // 虚线颜色
-                width: 2, // 虚线宽度
-                height:1,
-                dashArray: [15, 5]
-            }
           },
           }
         ],
@@ -142,25 +119,17 @@ export default {
               ]
             },
             markLine: {
-              data: [{ type: 'average', name: 'Avg' }],
+              data: [{ type: 'average', name: 'Avg' }]
-              lineStyle:{
-                width: 2, // 虚线宽度
-              },
-              label:{
-                fontSize:'20',
-                // color:'red'
-              }
             }
           }
         ]:
         [
           {
-            name: '整机',
+            name: '机芯1线',
             type: 'bar',
             data: [
             75, 65, 68, 69, 40, 82
             ],
-            barWidth: 30, // 设置柱状图宽度为 20px
             markPoint: {
               data: [
                 { type: 'max', name: 'Max' },
@@ -168,23 +137,15 @@ export default {
               ]
             },
             markLine: {
-              data: [{ type: 'average', name: 'Avg' }],
+              data: [{ type: 'average', name: 'Avg' }]
-              lineStyle:{
-                width: 2, // 虚线宽度
-              },
-              label:{
-                fontSize:'20',
-                color:'#ffffff'
-              }
             }
           },
           {
-            name: '机芯',
+            name: '机芯2线',
             type: 'bar',
             data: [
               70, 75, 88, 85, 97, 85, 75, 78, 59, 80, 82, 63
             ],
-            barWidth: 30, // 设置柱状图宽度为 20px
             markPoint: {
               data: [
                 { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
@@ -192,23 +153,15 @@ export default {
               ]
             },
             markLine: {
-              data: [{ type: 'average', name: 'Avg' }],
+              data: [{ type: 'average', name: 'Avg' }]
-              lineStyle:{
-                width: 2, // 虚线宽度
-              },
-              label:{
-                fontSize:'20',
-                color:'#ffffff'
-              }
             }
           },
           {
-            name: '盖板',
+            name: '盖板线',
             type: 'bar',
             data: [
               80, 85, 78, 75, 67, 45, 55, 68, 49, 50, 72, 93
             ],
-            barWidth: 30, // 设置柱状图宽度为 20px
             markPoint: {
               data: [
                 { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
@@ -216,14 +169,7 @@ export default {
               ]
             },
             markLine: {
-              data: [{ type: 'average', name: 'Avg' }],
+              data: [{ type: 'average', name: 'Avg' }]
-              lineStyle:{
-                width: 2, // 虚线宽度
-              },
-              label:{
-                fontSize:'20',
-                color:'#ffffff'
-              }
             }
           }
         ]