From 19cc389066b0a29d79d1f7583861921917e2367e Mon Sep 17 00:00:00 2001 From: zty Date: Fri, 25 Oct 2024 15:48:52 +0800 Subject: [PATCH] =?UTF-8?q?feat:=E4=BF=AE=E6=94=B9tkx=E5=A4=A7=E5=B1=8F?= =?UTF-8?q?=E5=86=85=E5=AE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/bigScreen/index_enm.vue | 98 ++++++++++++------------------- 1 file changed, 38 insertions(+), 60 deletions(-) diff --git a/src/views/bigScreen/index_enm.vue b/src/views/bigScreen/index_enm.vue index 3c436aa4..089d8e2f 100644 --- a/src/views/bigScreen/index_enm.vue +++ b/src/views/bigScreen/index_enm.vue @@ -513,36 +513,6 @@ export default { }, series: [], }, - // option2 : { - // color: ["#80FFA5", "#00DDFF", "#37A2FF", "#FF0087", "#FFBF00"], - // tooltip: { - // trigger: 'axis' - // }, - // legend: { - // data: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine'] - // }, - // grid: { - // left: '3%', - // right: '4%', - // bottom: '3%', - // containLabel: true - // }, - // toolbox: { - // feature: { - // saveAsImage: {} - // } - // }, - // xAxis: { - // type: 'category', - // boundaryGap: false, - // data: [] - // }, - // yAxis: { - // type: 'value' - // }, - // series: [ - // ] - // }, radarSeriesData: [0, 0, 0, 0, 0], radarOption: { radar: { @@ -939,11 +909,11 @@ export default { let myChart = echarts.init(chartDom); // 初始化各个series数据数组 - let seriesData = new Array(31).fill(0); // 原料车间压缩空气 + // let seriesData = new Array(31).fill(0); // 原料车间压缩空气 let seriesData1 = new Array(31).fill(0); // 原料车间用水 - let seriesData2 = new Array(31).fill(0); // 烧成车间压缩空气 + // let seriesData2 = new Array(31).fill(0); // 烧成车间压缩空气 let seriesData3 = new Array(31).fill(0); // 烧成车间用水 - let seriesData4 = new Array(31).fill(0); // 水泥车间压缩空气 + // let seriesData4 = new Array(31).fill(0); // 水泥车间压缩空气 let seriesData5 = new Array(31).fill(0); // 水泥车间用水 // 定义查询参数的生成函数 @@ -962,10 +932,7 @@ export default { this.$API.enm.enstat.req(query1).then((response) => { response.forEach((item) => { - if (item.mgroup_name === "原料压缩空气") { - let ind = item.day_s - 1; - seriesData[ind] = item.cair_consume || 0; - } else if (item.mgroup_name === "原料车间用水") { + if (item.mgroup_name === "原料车间用水") { let ind = item.day_s - 1; seriesData1[ind] = item.water_consume || 0; } @@ -976,10 +943,7 @@ export default { return this.$API.enm.enstat.req(query2); }).then((response) => { response.forEach((item) => { - if (item.mgroup_name === "烧成压缩空气") { - let ind = item.day_s - 1; - seriesData2[ind] = item.cair_consume || 0; - } else if (item.mgroup_name === "烧成车间用水") { + if (item.mgroup_name === "烧成车间用水") { let ind = item.day_s - 1; seriesData3[ind] = item.water_consume || 0; } @@ -990,42 +954,56 @@ export default { return this.$API.enm.enstat.req(query3); }).then((response) => { response.forEach((item) => { - if (item.mgroup_name === "水泥压缩空气") { - let ind = item.day_s - 1; - seriesData4[ind] = item.cair_consume || 0; - } else if (item.mgroup_name === "水泥车间用水") { + if (item.mgroup_name === "水泥车间用水") { let ind = item.day_s - 1; seriesData5[ind] = item.water_consume || 0; } }); // 更新图表数据 - option3.series = [ - { - name: '原料压缩空气', - type: 'line', - data: seriesData + option3.legend.data = [ + { + name: "原料车间用水", + textStyle: { + color: "#fff", + }, + borderRadius: 2, + itemStyle: { + color: that.linearGradientColors[0], + }, }, + { + name: "烧成车间用水", + textStyle: { + color: "#fff", + }, + borderRadius: 2, + itemStyle: { + color: that.linearGradientColors[1], + }, + }, + { + name: "水泥车间用水", + textStyle: { + color: "#fff", + }, + borderRadius: 2, + itemStyle: { + color: that.linearGradientColors[2], + }, + }, + ]; + option3.series = [ { name: '原料车间用水', type: 'line', data: seriesData1 }, { - name: '烧成压缩空气', - type: 'line', - data: seriesData2 - }, - { name: '烧成车间用水', type: 'line', data: seriesData3 }, { - name: '水泥压缩空气', - type: 'line', - data: seriesData4 - }, - { name: '水泥车间用水', type: 'line', data: seriesData5