diff --git a/src/views/cs/index3.vue b/src/views/cs/index3.vue index cd93385..59c76d3 100644 --- a/src/views/cs/index3.vue +++ b/src/views/cs/index3.vue @@ -138,6 +138,7 @@ export default { getData() { dryRoomDataCarousel().then(e => { this.table1Data = e.data.dryingroomList.filter(v => parseFloat(v.expend / v.yield)) || [] + let data = e.data.dryingroomList.filter(v => parseFloat(v.equipment_code.split('H')[1]) < 60) let option2 = { grid: { @@ -162,7 +163,7 @@ export default { } }, xAxis: { - data: e.data.dryingroomList.map(v => v.equipment_code), + data:data.map(v => v.equipment_code), axisLine: { show: true, //隐藏X轴轴线 lineStyle: { @@ -231,7 +232,32 @@ export default { // areaStyle: { // color: "rgba(5,140,255, 0.2)", // }, - data: e.data.dryingroomList.map(v => parseFloat((parseFloat(v.expend) / parseFloat(v.yield) / 14).toFixed(2))), + data: data.map(v => parseFloat((parseFloat(v.expend) / parseFloat(v.yield) / 14).toFixed(2))), + }, + { + 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: data.map(v => 5), }, ] }; @@ -239,13 +265,13 @@ export default { }) EnergyExpend().then(e => { this.expend = e.map(v => v.expend).reduce((a, b) => a + b, 0).toFixed(2) - let data = e.map(v=>{ + let data = e.map(v => { return { ...v, - monitorName:parseFloat(v.monitorName.split(' - ')?.[1]?.split('(')?.[0]) + monitorName: parseFloat(v.monitorName.split(' - ')?.[1]?.split('(')?.[0]) } }) - data.sort((a,b)=>a.monitorName-b.monitorName) + data.sort((a, b) => a.monitorName - b.monitorName) let option2 = { grid: { @@ -421,7 +447,7 @@ export default { show: true //隐藏X轴刻度 }, axisLabel: { - interval:0, + interval: 0, show: true, textStyle: { color: '#fff' //X轴文字颜色