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

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

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