dev
/
GScreenWEB_TPMes
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

还原代码

This commit is contained in:
xielue 2025-03-14 10:40:37 +08:00
parent 5e2a62a619
commit c815dbbe61
2 changed files with 24 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/baozuo-demo/BottomCharts.vue
View File

@ -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>

94
src/components/baozuo-demo/LeftChart2.vue
View File

@ -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 == '整机' ?['整机线']:['整机', '机芯', '盖板'],
data: this.dataType == '整机' ?['机芯1线', '机芯2线', '盖板线'] : ['整机线'],
textStyle:{
color: '#fff',
fontSize:30,
fontWight:'bold'
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,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' }],
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' }]
}
}
]