From e9d41194f0b6e6c96bcdbaf460efd34a57921edc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Wed, 25 Dec 2024 16:22:51 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/cs/index3.vue | 100 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 99 insertions(+), 1 deletion(-) diff --git a/src/views/cs/index3.vue b/src/views/cs/index3.vue index 7c905ff..fd77a29 100644 --- a/src/views/cs/index3.vue +++ b/src/views/cs/index3.vue @@ -138,6 +138,104 @@ export default { getData() { dryRoomDataCarousel().then(e => { this.table1Data = e.data.dryingroomList.filter(v => parseFloat(v.expend / v.yield)) || [] + + let option2 = { + 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: data.map(v => v.equipment_code), + axisLine: { + show: true, //隐藏X轴轴线 + lineStyle: { + color: '#fff' + } + }, + axisTick: { + show: true //隐藏X轴刻度 + }, + axisLabel: { + interval: 0, + show: true, + textStyle: { + color: '#fff' //X轴文字颜色 + } + } + }, + yAxis: [ + { + type: 'value', + name: '单位:KWh', + 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: 'bar', + 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 => parseFloat((parseFloat(v.expend) / parseFloat(v.yield) / 14).toFixed(2))), + }, + ] + }; + this.$refs.chart3.setData(option2) }) EnergyExpend().then(e => { this.expend = e.map(v => v.expend).reduce((a, b) => a + b, 0).toFixed(2) @@ -245,7 +343,7 @@ export default { }, ] }; - this.$refs.chart3.setData(option2) + // this.$refs.chart3.setData(option2) }) agvdata().then(e => { this.agvData = e.Data.filter(v => v.State === 2) From 571e07df10ebefdb31ef442ec5b60cd6a7c6e97d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com> Date: Wed, 25 Dec 2024 16:23:14 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=98=BE=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/cs/index3.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/cs/index3.vue b/src/views/cs/index3.vue index fd77a29..cd93385 100644 --- a/src/views/cs/index3.vue +++ b/src/views/cs/index3.vue @@ -162,7 +162,7 @@ export default { } }, xAxis: { - data: data.map(v => v.equipment_code), + data: e.data.dryingroomList.map(v => v.equipment_code), axisLine: { show: true, //隐藏X轴轴线 lineStyle: { @@ -231,7 +231,7 @@ export default { // areaStyle: { // color: "rgba(5,140,255, 0.2)", // }, - data: data.map(v => parseFloat((parseFloat(v.expend) / parseFloat(v.yield) / 14).toFixed(2))), + data: e.data.dryingroomList.map(v => parseFloat((parseFloat(v.expend) / parseFloat(v.yield) / 14).toFixed(2))), }, ] };