修改显示

yangwl
夜笙歌 3 days ago
parent af0f0db921
commit 7f2e0234b0

@ -4,7 +4,8 @@
<div class="modelTitle" style=" top: 15.2%;left: 3%;">烘房状态</div> <div class="modelTitle" style=" top: 15.2%;left: 3%;">烘房状态</div>
<div class="modelTitle" style="top:15.2%;left:32%">设备运行数据</div> <div class="modelTitle" style="top:15.2%;left:32%">设备运行数据</div>
<div class="modelTitle" style="top:15.2%;left:71%">烘房白坯质量统计</div> <div class="modelTitle" style="top:15.2%;left:71%">烘房白坯质量统计</div>
<div class="modelTitle" style="top:65%;left:32%">近7天产量</div> <!-- <div class="modelTitle" style="top:65%;left:32%">近7天产量</div>-->
<div class="modelTitle" style="top:65%;left:32%">烘房耗电量</div>
<div class="modelTitle" style="top:65%;left:71%">计划达成率</div> <div class="modelTitle" style="top:65%;left:71%">计划达成率</div>
<div class="title1" style="top:24%;left:34%">成型机产量</div> <div class="title1" style="top:24%;left:34%">成型机产量</div>
<div class="title1" style="top:24%;left:52.5%">烘房产量</div> <div class="title1" style="top:24%;left:52.5%">烘房产量</div>
@ -257,7 +258,9 @@ export default {
}; };
this.$refs.chart1.setData(option) this.$refs.chart1.setData(option)
}) })
getHourProductionLists().then(e => {
EnergyExpend().then(e => {
console.log(e)
let option1 = { let option1 = {
grid: { grid: {
top: '15%', top: '15%',
@ -281,7 +284,7 @@ export default {
} }
}, },
xAxis: { xAxis: {
data: e.map(v => v.pdate), data: e.map(v => v.monitorName.split(' - ')?.[1]?.split('(')?.[0]),
axisLine: { axisLine: {
show: true, //X线 show: true, //X线
lineStyle: { lineStyle: {
@ -292,6 +295,7 @@ export default {
show: true //X show: true //X
}, },
axisLabel: { axisLabel: {
interval:0,
show: true, show: true,
textStyle: { textStyle: {
color: '#fff' //X color: '#fff' //X
@ -333,8 +337,8 @@ export default {
formatter: "{c}", formatter: "{c}",
color: "#fff" color: "#fff"
}, },
name: '量', name: '耗电量',
type: 'line', type: 'bar',
smooth: true, //线 smooth: true, //线
showAllSymbol: true, // showAllSymbol: true, //
symbol: "emptyCircle", // symbol: "emptyCircle", //
@ -349,12 +353,110 @@ export default {
// areaStyle: { // areaStyle: {
// color: "rgba(5,140,255, 0.2)", // color: "rgba(5,140,255, 0.2)",
// }, // },
data: e.map(v => parseFloat(v.quantity)), data: e.map(v => parseFloat(v.expend)),
}, },
] ]
}; };
this.$refs.chart2.setData(option1) this.$refs.chart2.setData(option1)
}) })
getHourProductionLists().then(e => {
// let option1 = {
// grid: {
// top: '15%',
// bottom: '10%',
// // left: '5%',
// right: '3%'
// },
// tooltip: {
// trigger: 'axis',
// axisPointer: {
// type: 'shadow',
// label: {
// show: true
// }
// }
// },
// legend: {
// right: 0,
// textStyle: {
// color: '#eee'
// }
// },
// xAxis: {
// data: e.map(v => v.pdate),
// axisLine: {
// show: true, //X线
// lineStyle: {
// color: '#fff'
// }
// },
// axisTick: {
// show: true //X
// },
// axisLabel: {
// show: true,
// textStyle: {
// color: '#fff' //X
// }
// }
// },
// yAxis: [
// {
// type: 'value',
// name: '',
// nameTextStyle: {
// color: '#fff'
// },
// splitLine: {
// show: false
// },
// axisTick: {
// show: true
// },
// axisLine: {
// show: true,
// lineStyle: {
// color: '#fff'
// }
// },
// axisLabel: {
// show: true,
// textStyle: {
// color: '#fff'
// }
// }
// }
// ],
// series: [
// {
// label: {
// show: true,
// position: 'top',
// formatter: "{c}",
// color: "#fff"
// },
// name: '',
// type: 'line',
// smooth: true, //线
// showAllSymbol: true, //
// symbol: "emptyCircle", //
// symbolSize: 5, //
// // itemStyle: {
// // //线
// // color: "#058cff",
// // },
// // lineStyle: {
// // color: "#058cff",
// // },
// // areaStyle: {
// // color: "rgba(5,140,255, 0.2)",
// // },
// data: e.map(v => parseFloat(v.quantity)),
// },
// ]
// };
// this.$refs.chart2.setData(option1)
})
}, },
}, },
} }

Loading…
Cancel
Save