root/screen-hl-one
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

隐藏内容

Browse Source
This commit is contained in:
caill
2022-08-04 13:53:53 +08:00
parent 21ac9cdb2c
commit 4bc9f68109
1 changed files with 26 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/pages/MonitoringScreen.vue
View File

@@ -440,12 +440,12 @@ export default {
let date = [] let date = []
let data1 = [] let data1 = []
let data2 = [] let data2 = []
let data3 = [] // let data3 = []
this.arrL2.map(e => { this.arrL2.map(e => {
date.push(e.date) date.push(e.date)
data1.push(e.elbow_qty) data1.push(e.elbow_qty)
data2.push(e.comprehensive_qty) data2.push(e.comprehensive_qty)
data3.push(e.comprehensive_qty) // data3.push(e.comprehensive_qty)
}) })
let option = { let option = {
grid: { grid: {
@@ -465,16 +465,9 @@ export default {
itemGap: 30.86, itemGap: 30.86,
itemWidth: 14.16, itemWidth: 14.16,
itemHeight: 7.38, itemHeight: 7.38,
data: [{name: '弯头工段', itemStyle: {color: '#0E90FD'}}, {name: '综合工段', itemStyle: {color: '#33CCCC'}}, {name: '成品工段', itemStyle: {color: '#EAAD24'}}] // data: [{name: '弯头工段', itemStyle: {color: '#0E90FD'}}, {name: '综合工段', itemStyle: {color: '#33CCCC'}}, {name: '成品工段', itemStyle: {color: '#EAAD24'}}]
data: [{name: '弯头工段', itemStyle: {color: '#0E90FD'}}, {name: '综合工段', itemStyle: {color: '#33CCCC'}}]
}, },
// dataZoom: [
// {
// show: false, // 为true滚动条出现
// type: 'slider', // type:'inside'，滚动条在最下面，鼠标点击滚动
// startValue: 0, // 从头开始。
// endValue: 4 // end百分比显示范围，endValue具体显示几个数值
// }
// ],
xAxis: { xAxis: {
type: 'category', type: 'category',
axisTick: { axisTick: {
@@ -565,29 +558,29 @@ export default {
} }
}, },
data: data2 data: data2
},
{
name: '成品工段',
type: 'bar',
barWidth: '8',
itemStyle: {
normal: {
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
{
offset: 0,
color: '#B68845',
opacity: 1
},
{
offset: 1,
color: 'rgba(134,98,45,0.25)',
opacity: 0.25
}
])
}
},
data: data3
} }
// {
// name: '成品工段',
// type: 'bar',
// barWidth: '8',
// itemStyle: {
// normal: {
// color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
// {
// offset: 0,
// color: '#B68845',
// opacity: 1
// },
// {
// offset: 1,
// color: 'rgba(134,98,45,0.25)',
// opacity: 0.25
// }
// ])
// }
// },
// data: data3
// }
] ]
} }
let echart = document.getElementById('echart_d1') let echart = document.getElementById('echart_d1')