diff --git a/src/pages/MonitoringScreen.vue b/src/pages/MonitoringScreen.vue index 93ee335..3ca8a1e 100644 --- a/src/pages/MonitoringScreen.vue +++ b/src/pages/MonitoringScreen.vue @@ -440,12 +440,12 @@ export default { let date = [] let data1 = [] let data2 = [] - // let data3 = [] + let data3 = [] this.arrL2.map(e => { date.push(e.date) data1.push(e.elbow_qty) data2.push(e.comprehensive_qty) - // data3.push(e.comprehensive_qty) + data3.push(e.comprehensive_qty) }) let option = { grid: { @@ -465,8 +465,7 @@ export default { itemGap: 30.86, itemWidth: 14.16, 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'}}] + data: [{name: '弯头工段', itemStyle: {color: '#0E90FD'}}, {name: '综合工段', itemStyle: {color: '#33CCCC'}}, {name: '成品工段', itemStyle: {color: '#EAAD24'}}] }, xAxis: { type: 'category', @@ -558,29 +557,29 @@ export default { } }, 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')