| | |
| | | for (var l = 0; l < nameList.length; l++) { |
| | | var obj |
| | | var iconurl |
| | | if (nameList[l] === 'COD') { |
| | | if (nameList[l] === '二氧化硫') { |
| | | iconurl = 'image://../assets/imgs/legend/SO2.png' |
| | | } else if (nameList[l] === '氨氮') { |
| | | } else if (nameList[l] === '氮氧化物') { |
| | | iconurl = 'image://../assets/imgs/legend/NOX.png' |
| | | } else if (nameList[l] === '总磷') { |
| | | } else if (nameList[l] === '烟尘') { |
| | | iconurl = 'image://../assets/imgs/legend/YanChen.png' |
| | | } else if (nameList[l] === '总氮') { |
| | | iconurl = 'image://../assets/imgs/legend/zongdan.png' |
| | | } else if (nameList[l] === '非甲烷总烃') { |
| | | iconurl = 'image://../assets/imgs/legend/grn.png' |
| | | } else if (nameList[l] === '温度') { |
| | | iconurl = 'image://../assets/imgs/legend/WenDu.png' |
| | | } else { |
| | | iconurl = 'image://../assets/imgs/legend/VOCs.png' |
| | | } |
| | |
| | | |
| | | for (let j = 0; j < nameList.length; j++) { |
| | | var zdcbcolor, zxcolor |
| | | if (nameList[j] === 'COD') { |
| | | if (nameList[j] === '二氧化硫') { |
| | | zdcbcolor = 'red' |
| | | zxcolor = '#fff21c' |
| | | } else if (nameList[j] === '氨氮') { |
| | | } else if (nameList[j] === '氮氧化物') { |
| | | zdcbcolor = 'red' |
| | | zxcolor = '#00B0F0' |
| | | } else if (nameList[j] === '总磷') { |
| | | zdcbcolor = 'red' |
| | | zxcolor = '#f48183' |
| | | } else if (nameList[j] === '总氮') { |
| | | } else if (nameList[j] === '废气流量') { |
| | | zdcbcolor = 'red' |
| | | zxcolor = '#d9f2f4' |
| | | zxcolor = '#70ff49' |
| | | } else { |
| | | zdcbcolor = 'red' |
| | | zxcolor = '#9ACD32' |
| | | zxcolor = '#d9f2f4' |
| | | } |
| | | |
| | | let sdata = [] |
| | |
| | | } |
| | | } |
| | | |
| | | const bzzList = this.bzzList |
| | | |
| | | for (let i = 0; i < ydatas.length; i++) { |
| | | // const zdcbcolor = ydatas[i].zdcbcolor |
| | | const zdcbcolor = ydatas[i].zdcbcolor |
| | | const bzz = ydatas[i].bzz |
| | | let obj |
| | | if (bzz == null) { |
| | |
| | | symbolSize: 10, // 大小 |
| | | smooth: false, // 直线 ,true 为曲线 |
| | | yAxisIndex: 1, |
| | | // itemStyle: { |
| | | // normal: { |
| | | // color: function (c) { // 根据value 显示不同的折点颜色 |
| | | // let biaozhuiz |
| | | // for (let i = 0; i < exhbzzList.length; i++) { |
| | | // if (exhbzzList[i].name === c.seriesName) { |
| | | // biaozhuiz = exhbzzList[i].bzhui |
| | | // } |
| | | // } |
| | | // if (c.value > 999999999999) { |
| | | // return zdcbcolor |
| | | // } else { |
| | | // return '#33c95f' |
| | | // } |
| | | // }, |
| | | // lineStyle: { // 折线的颜色 |
| | | // color: ydatas[i].zxcolor, |
| | | // width: 5 |
| | | // }, |
| | | // borderColor: ydatas[i].zxcolor, // 折点边框的颜色 |
| | | // label: { // 显示值 |
| | | // show: false |
| | | // } |
| | | // } |
| | | // }, |
| | | itemStyle: { |
| | | normal: { |
| | | color: function (c) { // 根据value 显示不同的折点颜色 |
| | | let biaozhuiz |
| | | for (let i = 0; i < bzzList.length; i++) { |
| | | if (bzzList[i].name === c.seriesName) { |
| | | biaozhuiz = bzzList[i].bzhui |
| | | } |
| | | } |
| | | if (c.value[1] > biaozhuiz) { |
| | | return zdcbcolor |
| | | } else if (c.value[1] > biaozhuiz * 0.9) { |
| | | return '#FFA500' |
| | | } else { |
| | | return '#33c95f' |
| | | } |
| | | }, |
| | | lineStyle: { // 折线的颜色 |
| | | color: ydatas[i].zxcolor, |
| | | width: 5 |
| | | }, |
| | | borderColor: ydatas[i].zxcolor, // 折点边框的颜色 |
| | | label: { // 显示值 |
| | | show: false |
| | | } |
| | | } |
| | | }, |
| | | type: 'line', |
| | | data: ydatas[i].data |
| | | } |
| | |
| | | symbol: 'circle', // 折点形状 |
| | | symbolSize: 10, // 大小 |
| | | smooth: false, // 直线 ,true 为曲线 |
| | | // itemStyle: { |
| | | // normal: { |
| | | // color: function (c) { // 根据value 显示不同的折点颜色 |
| | | // let biaozhuiz |
| | | // for (let i = 0; i < exhbzzList.length; i++) { |
| | | // if (exhbzzList[i].name == c.seriesName) { |
| | | // biaozhuiz = exhbzzList[i].bzhui |
| | | // } |
| | | // } |
| | | // if (c.value > biaozhuiz) { |
| | | // return zdcbcolor |
| | | // } else if (c.value > biaozhuiz * 0.9) { |
| | | // return '#FFA500' |
| | | // } else { |
| | | // return '#33c95f' |
| | | // } |
| | | // }, |
| | | // lineStyle: { // 折线的颜色 |
| | | // color: ydatas[i].zxcolor, |
| | | // width: 5 |
| | | // }, |
| | | // borderColor: ydatas[i].zxcolor, // 折点边框的颜色 |
| | | // label: { // 显示值 |
| | | // show: false |
| | | // } |
| | | // } |
| | | // }, |
| | | itemStyle: { |
| | | normal: { |
| | | color: function (c) { // 根据value 显示不同的折点颜色 |
| | | let biaozhuiz |
| | | for (let i = 0; i < bzzList.length; i++) { |
| | | if (bzzList[i].name === c.seriesName) { |
| | | biaozhuiz = bzzList[i].bzhui |
| | | } |
| | | } |
| | | if (c.value[1] > biaozhuiz) { |
| | | return zdcbcolor |
| | | } else if (c.value[1] > biaozhuiz * 0.9) { |
| | | return '#FFA500' |
| | | } else { |
| | | return '#33c95f' |
| | | } |
| | | }, |
| | | lineStyle: { // 折线的颜色 |
| | | color: ydatas[i].zxcolor, |
| | | width: 5 |
| | | }, |
| | | borderColor: ydatas[i].zxcolor, // 折点边框的颜色 |
| | | label: { // 显示值 |
| | | show: false |
| | | } |
| | | } |
| | | }, |
| | | type: 'line', |
| | | data: ydatas[i].data, |
| | | markLine: { // 平均值 , 和 指标上限 |
| | |
| | | maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' |
| | | } else if (seriesName === '温度') { |
| | | maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#F206FF;"></span>' |
| | | } else { |
| | | maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>' |
| | | } else if (seriesName === '废气流量') { |
| | | maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#70ff49;"></span>' |
| | | } |
| | | s += maker + seriesName + ':' + valueFliter + '<br />' |
| | | } |
| | |
| | | type: 'value', |
| | | name: dataUnit, |
| | | max: function (value) { |
| | | const ma = value.max > 120 ? value.max : 120 |
| | | const ma = value.max > 12 ? value.max : 120 |
| | | return parseInt(ma) |
| | | }, |
| | | axisLabel: { |