From bfa365c0403e8e97f4845b946ca93890ca67740d Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 12 四月 2021 17:29:40 +0800
Subject: [PATCH] echar修改废气
---
src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue | 739 ++++++++++++++++++++++++++++----------------------------
1 files changed, 372 insertions(+), 367 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
index 6cf58be..d613182 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
@@ -82,6 +82,7 @@
timeStart: '',
timeEnd: ''
},
+ myChart: null,
JsonCtarts: {
id: 'mychart',
title: '鍔犵儹鐐夌儫姘�',
@@ -143,8 +144,9 @@
methods: {
onSubmit () {
console.log(1)
+
// const date = [this.value1, this.value2, this.formInline.region]
- // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
+ this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype)
// console.log(date)
// if (date) {
// var date1 = new Date(date)
@@ -154,372 +156,375 @@
// var datePkg = dateUtil.getTowDate(date1, "a", 24 * 3600000 - 1);
// var datatype = 2;
},
- // CreateChart: function (id, title, legend, xdata, ydatas, yname, jcdID, datatype) {
- // this.myChart.clear()
- // var dataUnit = ''
- // if (datatype === 1) {
- // dataUnit = '姘旈噺(m鲁/d)'
- // } else {
- // dataUnit = '姘旈噺(m鲁/h)'
- // }
- //
- // var serLists = []
- // for (var j = 0; j < ydatas.length; j++) {
- // var len = ydatas[j].data.length
- // for (var k = 0; k < len; k++) {
- // var it = ydatas[j].data[k]
- // var it2 = parseFloat(it).toFixed(2)
- // ydatas[j].data[k] = it2
- // }
- // }
- //
- // for (var i = 0; i < ydatas.length; i++) {
- // var zdcbcolor = ydatas[i].zdcbcolor
- // var bzz = ydatas[i].bzz
- // var obj
- // if (bzz == null) {
- // obj = {
- // name: ydatas[i].name,
- // symbol: 'circle', // 鎶樼偣褰㈢姸
- // symbolSize: 10, // 澶у皬
- // smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾�
- // yAxisIndex: 1,
- // itemStyle: {
- // normal: {
- // color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹�
- // /* var biaozhuiz
- // for (var 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
- // }
- // }
- // },
- // type: 'line',
- // data: ydatas[i].data
- // }
- // } else {
- // obj = {
- // name: ydatas[i].name,
- // symbol: 'circle', // 鎶樼偣褰㈢姸
- // symbolSize: 10, // 澶у皬
- // smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾�
- // itemStyle: {
- // normal: {
- // color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹�
- // var biaozhuiz
- // for (var 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
- // }
- // }
- // },
- // type: 'line',
- // data: ydatas[i].data,
- // markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺
- // symbol: 'none',
- // data: [
- // /* {
- // type: 'average',
- // name: '鏃ュ钩鍧囧��',
- // label: {
- // normal: {
- // position: 'end', //鏄剧ず浣嶇疆
- // formatter: ydatas[i].name+'\n鏃ュ钩鍧囧��'+'{c}' //鏄剧ず鏍峰紡
- // }
- // },
- // lineStyle:{ // 棰滆壊
- // color: 'yellow',
- // type:'solid'
- // }
- // }, */ {
- // label: {
- // normal: {
- // position: 'end',
- // formatter: '' // ydatas[i].name+'鏍囧噯鍊�'//+'{c}'
- // }
- // },
- // name: '鏍囧噯鍊�',
- // yAxis: bzz,
- // lineStyle: {
- // color: ydatas[i].zxcolor,
- // type: 'dashed',
- // width: 2
- // }
- // }
- // ]
- // }
- // }
- // }
- // serLists.push(obj)
- // }
- //
- // var option = {
- // tooltip: { // 鎻愮ず妗�
- // trigger: 'axis',
- // axisPointer: {
- // type: 'cross',
- // label: {
- // color: '#1a4245'
- // }
- // },
- // formatter: function (params) {
- // var s = params[0].name + '<br/>'
- // for (var i = 0; i < params.length; i++) {
- // const name = params[i].name
- // // 鍥捐〃title鍚嶇О
- // var seriesName = params[i].seriesName
- // // 鍊�
- // var value = params[i].value
- // var valueFliter
- // if (value === 'NaN') {
- // valueFliter = ''
- // } else {
- // valueFliter = formatter(value)
- // }
- // var maker = params[i].marker
- // if (seriesName === '浜屾哀鍖栫～') {
- // maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>'
- // } else if (seriesName === '姘哀鍖栫墿') {
- // maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>'
- // } else if (seriesName === '鐑熷皹') {
- // 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>'
- // }
- // s += maker + seriesName + ':' + valueFliter + '<br />'
- // }
- // return s
- // }
- // },
- // toolbox: { // 鎵撳嵃绛夊伐鍏�
- // show: false,
- // feature: {
- // saveAsImage: {}
- // }
- // },
- // grid: { // 缃戞牸
- // top: '20%',
- // left: '5%'
- // // containLabel: true
- // },
- // legend: { // 鍥句緥
- // data: legend
- // },
- // dataZoom: [{
- // type: 'inside',
- // start: 0,
- // end: 100
- // }, {
- // start: 0,
- // end: 100,
- // show: false,
- // handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
- // handleSize: '80%',
- // handleStyle: {
- // color: '#fff',
- // shadowBlur: 3,
- // shadowColor: 'rgba(0, 0, 0, 0.6)',
- // shadowOffsetX: 2,
- // shadowOffsetY: 2
- // }
- // }],
- // xAxis: { // x 杞磋缃�
- // type: 'category',
- // boundaryGap: false,
- // axisLabel: { // x杞村叏閮ㄦ樉绀�
- // rotate: 20,
- // interval: 0,
- // textStyle: {
- // color: '#fff'
- // }
- // },
- // splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎
- // show: true,
- // lineStyle: {
- // type: 'dashed'
- // }
- // },
- // axisTick: { // x 杞村埢搴︽樉绀�
- // show: false
- // },
- // axisLine: {
- // lineStyle: {
- // color: '#FFFFFF',
- // width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑
- // }
- // },
- // data: xdata
- // },
- // yAxis: [{
- // type: 'value',
- // name: yname,
- // /* max: function (value) {
- // var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊�
- // // if(exhbzzList && exhbzzList.length>0){
- // // if (value.max != "-Infinity") { // 鑾峰彇鎵�鏈夌洃娴嬫寚鏍囩殑max鍊� 2020/12/31
- // // valMax = parseInt(value.max + 5);
- // // }
- // // $.each(exhbzzList, function (index, item) {
- // // if (item.bzhui != null) {
- // // max_val_list.push(item.bzhui);
- // // }
- // // });
- // // }
- // max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭
- // var ma = value.max > max_val_list[max_val_list.length - 1] ? value.max + 5 : max_val_list[max_val_list.length - 1]
- // return parseInt(ma)
- // }, */
- // axisLabel: {
- // formatter: '{value}',
- // textStyle: {
- // color: '#fff'
- // }
- // },
- // axisPointer: {
- // snap: true
- // },
- // splitLine: {
- // show: false
- // }, // y杞� 缃戞牸绾夸笉鏄剧ず,
- // axisLine: {
- // lineStyle: {
- // color: '#FFFFFF',
- // width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑
- // }
- // }
- // }, {
- // type: 'value',
- // name: dataUnit,
- // max: function (value) {
- // var ma = value.max > 120 ? value.max : 120
- // return parseInt(ma)
- // },
- // axisLabel: {
- // formatter: '{value}',
- // textStyle: {
- // color: '#fff'
- // }
- // },
- // axisPointer: {
- // snap: true
- // },
- // splitLine: {
- // show: false
- // }, // y杞� 缃戞牸绾夸笉鏄剧ず,
- // axisLine: {
- // lineStyle: {
- // color: '#FFFFFF',
- // width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑
- // }
- // }
- // }],
- // series: serLists
- // }
- // this.myChart.setOption(option)
- //
- // this.myChart.on('legendselectchanged', function (params) {
- // var StdVal = null
- // var op = { yAxis: {} }
- // const max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊�
- // if (exhbzzList && exhbzzList.length > 0) {
- // max_val_list.push(valMax) // 灏嗙洃娴嬫寚鏍囩殑max鍊间篃鏀惧叆鏁扮粍 2020/12/31
- // $.each(exhbzzList, function (index, item) {
- // params.selected[item.name] ? max_val_list.push(item.bzhui) : ''
- // if (item.name == params.name) {
- // item.name == 'VOCs' ? StdVal = 20 : StdVal = item.bzhui
- // }
- // })
- // }
- // max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭
- // op.yAxis.max = function (value) {
- // var ma = value.max < StdVal ? StdVal : Math.ceil(value.max)
- // max_val_list ? ma = max_val_list[max_val_list.length - 1] : ''// 閫夋嫨鏈�澶у��
- // return ma
- // }
- // this.myChart.setOption(op)
- // })
- //
- // /**
- // * 瑙ｅ喅myChart.on('click',function(){...})浜嬩欢閲嶅瑙﹀彂鐨勯棶棰�
- // * Date: 20200720
- // */
- // myChart.off('click')
- //
- // /**
- // * 鍥炬爣鐐瑰嚮浜嬩欢
- // * 20190426 add
- // * */
- // myChart.on('click', function (params) {
- // // 鑾峰彇褰撳墠鏃堕棿锛屽皬鏃�
- // var nowHours = new Date().Format('hh')
- // // 鐐瑰嚮鎶樼嚎鍥炬姌鐐瑰搴旂殑鏃堕棿
- // // 闇�瑕佷紶鐨勬椂闂翠负
- // var _date = null
- // if (params.name.indexOf('鏃�') != -1) {
- // var hours = params.name.substring(0, params.name.indexOf('鏃�'))
- // if (parseInt(hours) < parseInt(nowHours)) {
- // _date = new Date().Format('yyyy-MM-dd') + ' ' + hours + ':00:00'
- // } else {
- // var currentDate = new Date()
- // // 24灏忔椂涔嬪墠鏃堕棿
- // var stringDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000).Format('yyyy-MM-dd')
- // _date = stringDate + ' ' + hours + ':00:00'
- // }
- // } else if (params.name.indexOf('鏃�') != -1) {
- // var day = params.name.substring(0, params.name.indexOf('鏃�') - 1)
- // _date = new Date().Format('yyyy-MM') + '-' + day.trim()
- // }
- //
- // // todo 璋冩帴鍙� 鏌ュ嚟璇�
- // if (params.color != 'red') {
- // var poltMtrlId
- // var monItemId = 28
- // for (var i = 0; i < wrwIDS.length; i++) {
- // if (params.seriesName == wrwIDS[i].name) {
- // poltMtrlId = wrwIDS[i].id
- // }
- // }
- // getCBMX(jcdID, poltMtrlId, monItemId, _date, function (res) {
- // createDivByMouse(res, params.event)
- // })
- // }
- // // createDivByMouse("s",params.event);
- // })
- // },
+ CreateChart: function (id, title, legend, xdata, ydatas, yname, jcdID, datatype) {
+ this.myChart = this.$echarts.init(this.$refs.main)
+ this.myChart.clear()
+ var dataUnit = ''
+ if (datatype === 1) {
+ dataUnit = '姘旈噺(m鲁/d)'
+ } else {
+ dataUnit = '姘旈噺(m鲁/h)'
+ }
+
+ var serLists = []
+ for (var j = 0; j < ydatas.length; j++) {
+ var len = ydatas[j].data.length
+ for (var k = 0; k < len; k++) {
+ var it = ydatas[j].data[k]
+ var it2 = parseFloat(it).toFixed(2)
+ ydatas[j].data[k] = it2
+ }
+ }
+
+ for (var i = 0; i < ydatas.length; i++) {
+ // var zdcbcolor = ydatas[i].zdcbcolor
+ var bzz = ydatas[i].bzz
+ var obj
+ if (bzz == null) {
+ obj = {
+ name: ydatas[i].name,
+ symbol: 'circle', // 鎶樼偣褰㈢姸
+ symbolSize: 10, // 澶у皬
+ smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾�
+ yAxisIndex: 1,
+ itemStyle: {
+ normal: {
+ color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹�
+ /* var biaozhuiz
+ for (var 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
+ }
+ }
+ },
+ type: 'line',
+ data: ydatas[i].data
+ }
+ } else {
+ obj = {
+ name: ydatas[i].name,
+ symbol: 'circle', // 鎶樼偣褰㈢姸
+ symbolSize: 10, // 澶у皬
+ smooth: false, // 鐩寸嚎 锛宼rue 涓烘洸绾�
+ itemStyle: {
+ normal: {
+ color: function (c) { // 鏍规嵁value 鏄剧ず涓嶅悓鐨勬姌鐐归鑹�
+ /* var biaozhuiz
+ for (var 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
+ }
+ }
+ },
+ type: 'line',
+ data: ydatas[i].data,
+ markLine: { // 骞冲潎鍊� 锛� 鍜� 鎸囨爣涓婇檺
+ symbol: 'none',
+ data: [
+ /* {
+ type: 'average',
+ name: '鏃ュ钩鍧囧��',
+ label: {
+ normal: {
+ position: 'end', //鏄剧ず浣嶇疆
+ formatter: ydatas[i].name+'\n鏃ュ钩鍧囧��'+'{c}' //鏄剧ず鏍峰紡
+ }
+ },
+ lineStyle:{ // 棰滆壊
+ color: 'yellow',
+ type:'solid'
+ }
+ }, */ {
+ label: {
+ normal: {
+ position: 'end',
+ formatter: '' // ydatas[i].name+'鏍囧噯鍊�'//+'{c}'
+ }
+ },
+ name: '鏍囧噯鍊�',
+ yAxis: bzz,
+ lineStyle: {
+ color: ydatas[i].zxcolor,
+ type: 'dashed',
+ width: 2
+ }
+ }
+ ]
+ }
+ }
+ }
+ serLists.push(obj)
+ }
+
+ var option = {
+ tooltip: { // 鎻愮ず妗�
+ trigger: 'axis',
+ axisPointer: {
+ type: 'cross',
+ label: {
+ color: '#1a4245'
+ }
+ },
+ formatter: function (params) {
+ var s = params[0].name + '<br/>'
+ for (var i = 0; i < params.length; i++) {
+ // const name = params[i].name
+ // 鍥捐〃title鍚嶇О
+ var seriesName = params[i].seriesName
+ // 鍊�
+ var value = params[i].value
+ var valueFliter
+ if (value === 'NaN') {
+ valueFliter = ''
+ } else {
+ // valueFliter = formatter(value)
+ }
+ var maker = params[i].marker
+ if (seriesName === '浜屾哀鍖栫～') {
+ maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>'
+ } else if (seriesName === '姘哀鍖栫墿') {
+ maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#00B0F0;"></span>'
+ } else if (seriesName === '鐑熷皹') {
+ 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>'
+ }
+ s += maker + seriesName + ':' + valueFliter + '<br />'
+ }
+ return s
+ }
+ },
+ toolbox: { // 鎵撳嵃绛夊伐鍏�
+ show: false,
+ feature: {
+ saveAsImage: {}
+ }
+ },
+ grid: { // 缃戞牸
+ top: '20%',
+ left: '5%'
+ // containLabel: true
+ },
+ legend: { // 鍥句緥
+ data: legend
+ },
+ dataZoom: [{
+ type: 'inside',
+ start: 0,
+ end: 100
+ }, {
+ start: 0,
+ end: 100,
+ show: false,
+ handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
+ handleSize: '80%',
+ handleStyle: {
+ color: '#fff',
+ shadowBlur: 3,
+ shadowColor: 'rgba(0, 0, 0, 0.6)',
+ shadowOffsetX: 2,
+ shadowOffsetY: 2
+ }
+ }],
+ xAxis: { // x 杞磋缃�
+ type: 'category',
+ boundaryGap: false,
+ axisLabel: { // x杞村叏閮ㄦ樉绀�
+ rotate: 20,
+ interval: 0,
+ textStyle: {
+ color: '#fff'
+ }
+ },
+ splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎
+ show: true,
+ lineStyle: {
+ type: 'dashed'
+ }
+ },
+ axisTick: { // x 杞村埢搴︽樉绀�
+ show: false
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#FFFFFF',
+ width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑
+ }
+ },
+ data: xdata
+ },
+ yAxis: [{
+ type: 'value',
+ name: yname,
+ /* max: function (value) {
+ var max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊�
+ // if(exhbzzList && exhbzzList.length>0){
+ // if (value.max != "-Infinity") { // 鑾峰彇鎵�鏈夌洃娴嬫寚鏍囩殑max鍊� 2020/12/31
+ // valMax = parseInt(value.max + 5);
+ // }
+ // $.each(exhbzzList, function (index, item) {
+ // if (item.bzhui != null) {
+ // max_val_list.push(item.bzhui);
+ // }
+ // });
+ // }
+ max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭
+ var ma = value.max > max_val_list[max_val_list.length - 1] ? value.max + 5 : max_val_list[max_val_list.length - 1]
+ return parseInt(ma)
+ }, */
+ axisLabel: {
+ formatter: '{value}',
+ textStyle: {
+ color: '#fff'
+ }
+ },
+ axisPointer: {
+ snap: true
+ },
+ splitLine: {
+ show: false
+ }, // y杞� 缃戞牸绾夸笉鏄剧ず,
+ axisLine: {
+ lineStyle: {
+ color: '#FFFFFF',
+ width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑
+ }
+ }
+ }, {
+ type: 'value',
+ name: dataUnit,
+ max: function (value) {
+ var ma = value.max > 120 ? value.max : 120
+ return parseInt(ma)
+ },
+ axisLabel: {
+ formatter: '{value}',
+ textStyle: {
+ color: '#fff'
+ }
+ },
+ axisPointer: {
+ snap: true
+ },
+ splitLine: {
+ show: false
+ }, // y杞� 缃戞牸绾夸笉鏄剧ず,
+ axisLine: {
+ lineStyle: {
+ color: '#FFFFFF',
+ width: 1// 杩欓噷鏄负浜嗙獊鍑烘樉绀哄姞涓婄殑
+ }
+ }
+ }],
+ series: serLists
+ }
+ this.myChart.setOption(option)
+ /*
+ this.myChart.on('legendselectchanged', function (params) {
+ var StdVal = null
+ var op = { yAxis: {} }
+ const max_val_list = [] // 鎵�鏈夋樉绀烘姌绾跨殑鏍囧噯鍊�
+ if (exhbzzList && exhbzzList.length > 0) {
+ max_val_list.push(valMax) // 灏嗙洃娴嬫寚鏍囩殑max鍊间篃鏀惧叆鏁扮粍 2020/12/31
+ $.each(exhbzzList, function (index, item) {
+ params.selected[item.name] ? max_val_list.push(item.bzhui) : ''
+ if (item.name == params.name) {
+ item.name == 'VOCs' ? StdVal = 20 : StdVal = item.bzhui
+ }
+ })
+ }
+ max_val_list = max_val_list.sort(function (a, b) { return a - b }) // 鎺掑簭
+ op.yAxis.max = function (value) {
+ var ma = value.max < StdVal ? StdVal : Math.ceil(value.max)
+ max_val_list ? ma = max_val_list[max_val_list.length - 1] : ''// 閫夋嫨鏈�澶у��
+ return ma
+ }
+ this.myChart.setOption(op)
+ })
+ */
+
+ /**
+ * 瑙ｅ喅myChart.on('click',function(){...})浜嬩欢閲嶅瑙﹀彂鐨勯棶棰�
+ * Date: 20200720
+ */
+ this.myChart.off('click')
+
+ /**
+ * 鍥炬爣鐐瑰嚮浜嬩欢
+ * 20190426 add
+ * */
+ /* this.myChart.on('click', function (params) {
+ // 鑾峰彇褰撳墠鏃堕棿锛屽皬鏃�
+ var nowHours = new Date().Format('hh')
+ // 鐐瑰嚮鎶樼嚎鍥炬姌鐐瑰搴旂殑鏃堕棿
+ // 闇�瑕佷紶鐨勬椂闂翠负
+ const dates = null
+ if (params.name.indexOf('鏃�') !== -1) {
+ var hours = params.name.substring(0, params.name.indexOf('鏃�'))
+ if (parseInt(hours) < parseInt(nowHours)) {
+ dates = new Date().Format('yyyy-MM-dd') + ' ' + hours + ':00:00'
+ } else {
+ var currentDate = new Date()
+ // 24灏忔椂涔嬪墠鏃堕棿
+ var stringDate = new Date(currentDate.getTime() - 24 * 60 * 60 * 1000).Format('yyyy-MM-dd')
+ dates = stringDate + ' ' + hours + ':00:00'
+ }
+ } else if (params.name.indexOf('鏃�') !== -1) {
+ var day = params.name.substring(0, params.name.indexOf('鏃�') - 1)
+ dates = new Date().Format('yyyy-MM') + '-' + day.trim()
+ }
+
+ // todo 璋冩帴鍙� 鏌ュ嚟璇�
+ if (params.color != 'red') {
+ var poltMtrlId
+ var monItemId = 28
+ for (var i = 0; i < wrwIDS.length; i++) {
+ if (params.seriesName == wrwIDS[i].name) {
+ poltMtrlId = wrwIDS[i].id
+ }
+ }
+ getCBMX(jcdID, poltMtrlId, monItemId, _date, function (res) {
+ createDivByMouse(res, params.event)
+ })
+ }
+ // createDivByMouse("s",params.event);
+ }) */
+ },
drawChart: function () {
window.onresize = function () {
var h1 = document.documentElement.clientHeight// 鑾峰彇灞忓箷鐨勯珮搴�
--
Gitblit v1.8.0