From c815dbbe61052f09215a303faaa3449406617dfb Mon Sep 17 00:00:00 2001 From: xielue Date: Fri, 14 Mar 2025 10:40:37 +0800 Subject: [PATCH] =?UTF-8?q?=E8=BF=98=E5=8E=9F=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/baozuo-demo/BottomCharts.vue | 2 +- src/components/baozuo-demo/LeftChart2.vue | 100 +++++--------------- 2 files changed, 24 insertions(+), 78 deletions(-) diff --git a/src/components/baozuo-demo/BottomCharts.vue b/src/components/baozuo-demo/BottomCharts.vue index d0e1120..f4f54b6 100644 --- a/src/components/baozuo-demo/BottomCharts.vue +++ b/src/components/baozuo-demo/BottomCharts.vue @@ -21,7 +21,7 @@
盖板派工单执行进度
- +
diff --git a/src/components/baozuo-demo/LeftChart2.vue b/src/components/baozuo-demo/LeftChart2.vue index 6ecdb71..46a9cd9 100644 --- a/src/components/baozuo-demo/LeftChart2.vue +++ b/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: '近半年产量情况', - // subtext: '完成率', - // subtextStyle:{ - // fontSize:20, - // fontWight:'bold', - // color:'#fff' - // }, + text: '月生产情况', + subtext: '完成率', + subtextStyle:{ + fontSize:20, + fontWight:'bold', + color:'#fff' + }, textStyle:{ - fontSize:30, + fontSize:25, fontWight:'bold', color:'#fff' } @@ -65,24 +64,12 @@ export default { trigger: 'axis', }, legend: { - icon: 'rect', - itemWidth: 20, // 色块宽度 - itemHeight: 20, // 色块高度 - itemGap: 40, // 图例之间的间距 - data: this.dataType == '整机' ?['整机线']:['整机', '机芯', '盖板'], - - textStyle: { - color: '#fff', - fontSize:30, - fontWight:'bold' + data: this.dataType == '整机' ?['机芯1线', '机芯2线', '盖板线'] : ['整机线'], + textStyle:{ + fontSize:25, + color:'#fff' } }, - 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,19 +98,9 @@ export default { } }, axisLabel: { - fontSize: 35, // 设置 Y 轴字体大小 - color: '#fff' // 可选：设置字体颜色 - }, - splitLine: { - show: false, // 显示 y 轴辅助线 - lineStyle: { - type: 'dashed', // 设置为虚线 - color: '#999', // 虚线颜色 - width: 2, // 虚线宽度 - height:1, - dashArray: [15, 5] - } - }, + fontSize: 20, // 设置 Y 轴字体大小 + color: '#fff' // 可选：设置字体颜色 + }, } ], series: @@ -142,25 +119,17 @@ export default { ] }, markLine: { - data: [{ type: 'average', name: 'Avg' }], - lineStyle:{ - width: 2, // 虚线宽度 - }, - label:{ - fontSize:'20', - // color:'red' - } + data: [{ type: 'average', name: 'Avg' }] } } ]: [ { - 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' }], - lineStyle:{ - width: 2, // 虚线宽度 - }, - label:{ - fontSize:'20', - color:'#ffffff' - } + data: [{ type: 'average', name: 'Avg' }] } }, { - 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' }], - lineStyle:{ - width: 2, // 虚线宽度 - }, - label:{ - fontSize:'20', - color:'#ffffff' - } + data: [{ type: 'average', name: 'Avg' }] } }, { - 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' }], - lineStyle:{ - width: 2, // 虚线宽度 - }, - label:{ - fontSize:'20', - color:'#ffffff' - } + data: [{ type: 'average', name: 'Avg' }] } } ]