|
|
|
|
@ -2303,6 +2303,152 @@ const equipmentFailure = (res, ids) => {
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
mycharts.setOption(option);
|
|
|
|
|
$(window).resize(mycharts.resize);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 设备产量能耗对比
|
|
|
|
|
|
|
|
|
|
const energyConsumption = (res, ids) => {
|
|
|
|
|
let mycharts = echarts.init(ids);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let stationData = [];
|
|
|
|
|
let values = [];
|
|
|
|
|
|
|
|
|
|
res.datas.forEach(function (it, index) {
|
|
|
|
|
stationData.push(it.station);
|
|
|
|
|
values.push(it.value);
|
|
|
|
|
});
|
|
|
|
|
let option = {
|
|
|
|
|
grid: {
|
|
|
|
|
top: '25%',
|
|
|
|
|
left: '6%',
|
|
|
|
|
right: '6%',
|
|
|
|
|
bottom: '3%',
|
|
|
|
|
containLabel: true
|
|
|
|
|
},
|
|
|
|
|
xAxis: [
|
|
|
|
|
{
|
|
|
|
|
interval: 0,
|
|
|
|
|
type: 'category',
|
|
|
|
|
data: ['6-13', '6-14', '6-15', '6-16', '6-17'],
|
|
|
|
|
axisPointer: {
|
|
|
|
|
type: 'shadow'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
yAxis: [
|
|
|
|
|
{
|
|
|
|
|
type: 'value',
|
|
|
|
|
name: '产量(t)',
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 40,
|
|
|
|
|
interval: 10,
|
|
|
|
|
axisLabel: {
|
|
|
|
|
formatter: '{value} ml'
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "rgb(217,217,217,0.5)",
|
|
|
|
|
type: "dashed" //虚线
|
|
|
|
|
// width: 2
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
type: 'value',
|
|
|
|
|
name: '能耗(kw·h)',
|
|
|
|
|
min: 0,
|
|
|
|
|
max: 20,
|
|
|
|
|
interval: 5,
|
|
|
|
|
axisLabel: {
|
|
|
|
|
formatter: '{value} °C'
|
|
|
|
|
},
|
|
|
|
|
splitLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "rgb(217,217,217,0.5)",
|
|
|
|
|
type: "dashed" //虚线
|
|
|
|
|
// width: 2
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
show: true,
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
name: 'Evaporation',
|
|
|
|
|
type: 'bar',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: function (params) {
|
|
|
|
|
return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
|
{
|
|
|
|
|
offset: 1,
|
|
|
|
|
color: "rgba(10,50,220)",
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
offset: 0,
|
|
|
|
|
color: "rgba(40,140,210)",
|
|
|
|
|
},
|
|
|
|
|
]);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
tooltip: {
|
|
|
|
|
valueFormatter: function (value) {
|
|
|
|
|
return value + ' ml';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
barWidth: 20,
|
|
|
|
|
data: [
|
|
|
|
|
2.0, 4.9, 7.0, 23.2, 25.6
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: 'Temperature',
|
|
|
|
|
type: 'line',
|
|
|
|
|
yAxisIndex: 1,
|
|
|
|
|
tooltip: {
|
|
|
|
|
valueFormatter: function (value) {
|
|
|
|
|
return value + ' °C';
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
data: [2.0, 12.2, 3.3, 14.5, 6.3]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "柱顶部",
|
|
|
|
|
type: "pictorialBar",
|
|
|
|
|
symbolSize: [20, 6],
|
|
|
|
|
symbolOffset: [0, -3],
|
|
|
|
|
z: 12,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
normal: {
|
|
|
|
|
color: function (params) {
|
|
|
|
|
return 'rgb(217,217,217)';
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
label: {
|
|
|
|
|
show: true,
|
|
|
|
|
position: "top",
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: "#02C3F1",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
symbolPosition: "end",
|
|
|
|
|
data: [2.0, 4.9, 7.0, 23.2, 25.6],
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
mycharts.setOption(option);
|
|
|
|
|
$(window).resize(mycharts.resize);
|
|
|
|
|
}
|
