|
|
|
@ -371,7 +371,7 @@ export class OilUnloadingProcessListComponent implements OnInit {
|
|
|
|
|
}, |
|
|
|
|
legend: { |
|
|
|
|
selectedMode: false, // 是否允许点击
|
|
|
|
|
data: ['事前准备', '事中操作', '全程监测'], |
|
|
|
|
data: ['事前准备', '事中操作'], |
|
|
|
|
textStyle: { |
|
|
|
|
color: '#fff' |
|
|
|
|
}, |
|
|
|
@ -423,27 +423,27 @@ export class OilUnloadingProcessListComponent implements OnInit {
|
|
|
|
|
}, |
|
|
|
|
barWidth: '25%' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
name: '', |
|
|
|
|
data: [], |
|
|
|
|
type: 'bar', |
|
|
|
|
itemStyle: { |
|
|
|
|
color: { |
|
|
|
|
type: 'linear', |
|
|
|
|
x: 0, |
|
|
|
|
y: 0, |
|
|
|
|
x2: 0, |
|
|
|
|
y2: 1, |
|
|
|
|
colorStops: [{ |
|
|
|
|
offset: 0, color: 'rgba(70, 223, 255, 1)' // 0% 处的颜色
|
|
|
|
|
}, { |
|
|
|
|
offset: 1, color: 'rgba(70, 223, 255, 0.1)' // 100% 处的颜色
|
|
|
|
|
}], |
|
|
|
|
global: false // 缺省为 false
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
barWidth: '25%' |
|
|
|
|
} |
|
|
|
|
// {
|
|
|
|
|
// name: '',
|
|
|
|
|
// data: [],
|
|
|
|
|
// type: 'bar',
|
|
|
|
|
// itemStyle: {
|
|
|
|
|
// color: {
|
|
|
|
|
// type: 'linear',
|
|
|
|
|
// x: 0,
|
|
|
|
|
// y: 0,
|
|
|
|
|
// x2: 0,
|
|
|
|
|
// y2: 1,
|
|
|
|
|
// colorStops: [{
|
|
|
|
|
// offset: 0, color: 'rgba(70, 223, 255, 1)' // 0% 处的颜色
|
|
|
|
|
// }, {
|
|
|
|
|
// offset: 1, color: 'rgba(70, 223, 255, 0.1)' // 100% 处的颜色
|
|
|
|
|
// }],
|
|
|
|
|
// global: false // 缺省为 false
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// barWidth: '25%'
|
|
|
|
|
// }
|
|
|
|
|
], |
|
|
|
|
grid: { |
|
|
|
|
left: '42px', |
|
|
|
@ -509,12 +509,12 @@ export class OilUnloadingProcessListComponent implements OnInit {
|
|
|
|
|
this.mybarChart.setOption(this.oilchartbarOption); |
|
|
|
|
} |
|
|
|
|
refreshEchartsData2(data) { |
|
|
|
|
this.num = Number(data.proccessBeforeCount + data.proccessingCount + data.allProccessCount) |
|
|
|
|
this.num = Number(data.proccessBeforeCount + data.proccessingCount) |
|
|
|
|
//饼图
|
|
|
|
|
this.oilchartpieOptionPieData2 = [ |
|
|
|
|
{ name: '事前准备', value: data.proccessBeforeCount }, |
|
|
|
|
{ name: '事中操作', value: data.proccessingCount }, |
|
|
|
|
{ name: '全程检测', value: data.allProccessCount } |
|
|
|
|
// { name: '全程检测', value: data.allProccessCount }
|
|
|
|
|
] |
|
|
|
|
this.oilchartpieOption2.series[0].data = this.oilchartpieOptionPieData2 |
|
|
|
|
this.myChart.setOption(this.oilchartpieOption2); |
|
|
|
@ -528,15 +528,15 @@ export class OilUnloadingProcessListComponent implements OnInit {
|
|
|
|
|
monthArr.push(moment(element.key).format('MM.DD')) |
|
|
|
|
valuedataBefore.push(element.proccessBeforeCount) |
|
|
|
|
valuedataIng.push(element.proccessingCount) |
|
|
|
|
valuedataAll.push(element.allProccessCount) |
|
|
|
|
// valuedataAll.push(element.allProccessCount)
|
|
|
|
|
}); |
|
|
|
|
this.oilchartbarOption2.xAxis.data = monthArr |
|
|
|
|
this.oilchartbarOption2.series[0].name = '事前准备' |
|
|
|
|
this.oilchartbarOption2.series[0].data = valuedataBefore |
|
|
|
|
this.oilchartbarOption2.series[1].name = '事中操作' |
|
|
|
|
this.oilchartbarOption2.series[1].data = valuedataIng |
|
|
|
|
this.oilchartbarOption2.series[2].name = '全程监测' |
|
|
|
|
this.oilchartbarOption2.series[2].data = valuedataAll |
|
|
|
|
// this.oilchartbarOption2.series[2].name = '全程监测'
|
|
|
|
|
// this.oilchartbarOption2.series[2].data = valuedataAll
|
|
|
|
|
this.mybarChart.setOption(this.oilchartbarOption2); |
|
|
|
|
} |
|
|
|
|
goback() { |
|
|
|
|