zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 修改能源流向图

This commit is contained in:
zty 2024-12-27 19:19:14 +08:00
parent 2384a1ea71
commit 89bb16149f
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/enm_energy/electric_peak.vue
View File

@ -116,6 +116,7 @@ import * as echarts from 'echarts';
{id:2,name:'年统计'},
],
row_list : ['peak','high','low','deep','flat'],
row_translate: ['峰值', '高峰', '低谷', '深谷', '平谷'],
};
},
@ -149,7 +150,9 @@ import * as echarts from 'echarts';
}
}
},
translate(){
},
dateChange() {
let that = this;
let arr = [],
@ -211,9 +214,9 @@ import * as echarts from 'echarts';
let seriesData = [];
let categories = this.mpoint_name; // 横轴设备名称
let rowList = this.row_list; // ['peak', 'high', 'low', 'deep', 'flat']
let row_translate = this.row_translate; // ['峰值', '高峰', '低谷', '深谷', '平谷']
// 为每个电量级别（'peak', 'high', 'low', 'deep', 'flat'）创建一个系列
rowList.forEach(level => {
rowList.forEach((level, index) => {
let data = categories.map(device => {
// 查找对应设备和电量级别的数据
let deviceData = chartData[device]?.find(item => item.level === level);
@ -221,7 +224,7 @@ import * as echarts from 'echarts';
});
seriesData.push({
name: level, // 系列名称（如 peak、high 等）
name: row_translate[index], // 系列名称（如 peak、high 等）
type: 'bar',
data: data, // 数据数组
label: {
@ -243,7 +246,7 @@ import * as echarts from 'echarts';
axisPointer: { type: 'shadow' } // 鼠标悬停提示
},
legend: {
data: rowList, // 显示 'peak', 'high' 等级别的图例
data: row_translate, // 显示 'peak', 'high' 等级别的图例
top: '10%'
},
xAxis: {
@ -264,7 +267,7 @@ import * as echarts from 'echarts';
// 设置图表选项
myChart.setOption(option);
},
},
handlePrint() {
this.$PRINT('#myReport');