派生自 wuyushui/SewerAndRainNetwork
src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue
@@ -1,13 +1,6 @@ <template> <div id="Tab"> <div class="animation"> <div class="infomation"> <span class="grid-content">氮氧化物 :<i style="color: #e8ee0b">29.93</i> 标准 : 100</span> <span class="grid-content">二氧化硫 : <i style="color: #e8ee0b">17.34</i> 标准 : 50</span> <span class="grid-content">烟尘 : <i style="color: #e8ee0b">6.93</i> 标准 : 30</span> <span class="grid-content">废气流量 : <i style="color: #e8ee0b">120343.18</i></span> </div> </div> <public-data-standard :dataStandard = "dataStandard"></public-data-standard> <div class="form-echrts"> <div class="from-search"> <div class="pickerMon"> @@ -26,7 +19,7 @@ </div> <div> 采样点数: <el-select v-model="formInline.region" placeholder="50"> <el-select v-model="formInline.region" placeholder="50" class=""> <el-option label="0" value="0"></el-option> <el-option label="25" value="25"></el-option> <el-option label="50" value="50"></el-option> @@ -36,9 +29,7 @@ </div> <div class="detailbtn" @click="onSubmit">查询</div> </div> <div style="width:5rem;height:1.5rem;" > <div style="width:100%;height:100%;" ref="echarts"> </div> </div> <div style="width:5rem;height:1.5rem;" ref="echarts"> </div> </div> </div> </template> @@ -48,9 +39,13 @@ // import mapApi from '@/api/mapApi' import 'dayjs/locale/es' import dayjs from 'dayjs' import PublicDataStandard from '@components/BaseNav/PublicBounced/common/PublicDataStandard' export default { name: 'ECharts', components: { PublicDataStandard }, data () { return { days: dayjs(new Date()).format('YYYYMMDDHHmmss'), @@ -64,6 +59,23 @@ timeEnd: '' }, RealTimeChart: null, dataStandard: [{ current: { name: '氮氧化物1', val: 29.93 }, standard: { name: '标准', val: 100 } }, { current: { name: '二氧化硫', val: 17.34 }, standard: { name: '标准', val: 50 } }, { current: { name: '烟尘', val: 6.93 }, standard: { name: '标准', val: 30 } }, { current: { name: '废气流量', val: 120343.18 }, standard: { name: '', val: null } } ], JsonTimeCtarts: { id: 'mychart_ss ', title: '烟尘', @@ -104,87 +116,87 @@ name: '氮氧化物', data: [{ name: '氮氧化物', value: ['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 39.51431] value: ['2021/04/13 09:18:19', 39.51431] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 38.76508] value: ['2021/04/13 09:18:34', 38.76508] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 37.57471] value: ['2021/04/13 09:18:49', 37.57471] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 36.3796] value: ['2021/04/13 09:19:04', 36.3796] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 36.10718] value: ['2021/04/13 09:19:19', 36.10718] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 35.81126] value: ['2021/04/13 09:19:34', 35.81126] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 35.9184] value: ['2021/04/13 09:19:49', 35.9184] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 36.08839] value: ['2021/04/13 09:20:04', 36.08839] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 36.3718] value: ['2021/04/13 09:20:19', 36.3718] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 36.8966] value: ['2021/04/13 09:20:34', 36.8966] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 37.3998] value: ['2021/04/13 09:20:49', 37.3998] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 37.11937] value: ['2021/04/13 09:21:04', 37.11937] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 36.12424] value: ['2021/04/13 09:21:19', 36.12424] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 34.99567] value: ['2021/04/13 09:21:34', 34.99567] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 34.48063] value: ['2021/04/13 09:21:49', 34.48063] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 34.62222] value: ['2021/04/13 09:22:04', 34.62222] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 34.84583] value: ['2021/04/13 09:22:19', 34.84583] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 35.80923] value: ['2021/04/13 09:22:34', 35.80923] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 35.93465] value: ['2021/04/13 09:22:49', 35.93465] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 35.78891] value: ['2021/04/13 09:23:04', 35.78891] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 35.54268] value: ['2021/04/13 09:23:19', 35.54268] }], zdcbcolor: 'red', zxcolor: '#00B0F0', @@ -194,87 +206,87 @@ name: '二氧化硫', data: [{ name: '二氧化硫', value: ['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 5.112573] value: ['2021/04/13 09:18:19', 5.112573] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 4.578955] value: ['2021/04/13 09:18:34', 4.578955] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 4.869465] value: ['2021/04/13 09:18:49', 4.869465] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 5.270735] value: ['2021/04/13 09:19:04', 5.270735] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 5.355475] value: ['2021/04/13 09:19:19', 5.355475] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 5.242907] value: ['2021/04/13 09:19:34', 5.242907] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 5.230558] value: ['2021/04/13 09:19:49', 5.230558] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 5.262951] value: ['2021/04/13 09:20:04', 5.262951] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 5.268744] value: ['2021/04/13 09:20:19', 5.268744] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 5.159671] value: ['2021/04/13 09:20:34', 5.159671] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 4.955352] value: ['2021/04/13 09:20:49', 4.955352] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 5.110546] value: ['2021/04/13 09:21:04', 5.110546] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 5.235723] value: ['2021/04/13 09:21:19', 5.235723] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 5.443502] value: ['2021/04/13 09:21:34', 5.443502] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 5.708939] value: ['2021/04/13 09:21:49', 5.708939] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 5.882327] value: ['2021/04/13 09:22:04', 5.882327] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 6.017494] value: ['2021/04/13 09:22:19', 6.017494] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 5.410021] value: ['2021/04/13 09:22:34', 5.410021] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 5.379694] value: ['2021/04/13 09:22:49', 5.379694] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 5.551433] value: ['2021/04/13 09:23:04', 5.551433] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 5.819743] value: ['2021/04/13 09:23:19', 5.819743] }], zdcbcolor: 'red', zxcolor: '#fff21c', @@ -284,87 +296,87 @@ name: '废气流量', data: [{ name: '废气流量', value: ['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 5.012617] value: ['2021/04/13 09:18:19', 5.012617] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 4.992213] value: ['2021/04/13 09:18:34', 4.992213] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 5.026886] value: ['2021/04/13 09:18:49', 5.026886] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 5.052861] value: ['2021/04/13 09:19:04', 5.052861] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 5.038826] value: ['2021/04/13 09:19:19', 5.038826] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 5.062339] value: ['2021/04/13 09:19:34', 5.062339] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 5.071915] value: ['2021/04/13 09:19:49', 5.071915] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 5.053693] value: ['2021/04/13 09:20:04', 5.053693] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 5.03562] value: ['2021/04/13 09:20:19', 5.03562] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 5.043983] value: ['2021/04/13 09:20:34', 5.043983] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 5.059231] value: ['2021/04/13 09:20:49', 5.059231] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 5.042176] value: ['2021/04/13 09:21:04', 5.042176] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 5.028253] value: ['2021/04/13 09:21:19', 5.028253] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 5.024891] value: ['2021/04/13 09:21:34', 5.024891] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 5.01542] value: ['2021/04/13 09:21:49', 5.01542] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 5.025787] value: ['2021/04/13 09:22:04', 5.025787] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 5.038269] value: ['2021/04/13 09:22:19', 5.038269] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 5.01441] value: ['2021/04/13 09:22:34', 5.01441] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 5.010105] value: ['2021/04/13 09:22:49', 5.010105] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 5.012341] value: ['2021/04/13 09:23:04', 5.012341] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 4.996146] value: ['2021/04/13 09:23:19', 4.996146] }], zdcbcolor: 'red', zxcolor: '#9ACD32', @@ -374,87 +386,87 @@ name: '烟尘', data: [{ name: '烟尘', value: [['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 0.8297127]] value: [['2021/04/13 09:18:19', 0.8297127]] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 0.8347292] value: ['2021/04/13 09:18:34', 0.8347292] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 0.9218481] value: ['2021/04/13 09:18:49', 0.9218481] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 0.913429] value: ['2021/04/13 09:19:04', 0.913429] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 0.9026684] value: ['2021/04/13 09:19:19', 0.9026684] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 0.8060119] value: ['2021/04/13 09:19:34', 0.8060119] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 0.781314] value: ['2021/04/13 09:19:49', 0.781314] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 0.8958074] value: ['2021/04/13 09:20:04', 0.8958074] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 0.9093901] value: ['2021/04/13 09:20:19', 0.9093901] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 0.8743498] value: ['2021/04/13 09:20:34', 0.8743498] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 0.9024854] value: ['2021/04/13 09:20:49', 0.9024854] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 0.9456897] value: ['2021/04/13 09:21:04', 0.9456897] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 0.9747347] value: ['2021/04/13 09:21:19', 0.9747347] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 0.9200308] value: ['2021/04/13 09:21:34', 0.9200308] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 0.8987293] value: ['2021/04/13 09:21:49', 0.8987293] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 0.8613345] value: ['2021/04/13 09:22:04', 0.8613345] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 0.8747463] value: ['2021/04/13 09:22:19', 0.8747463] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 0.8883187] value: ['2021/04/13 09:22:34', 0.8883187] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 0.881333] value: ['2021/04/13 09:22:49', 0.881333] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 0.9142911] value: ['2021/04/13 09:23:04', 0.9142911] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 0.9569058] value: ['2021/04/13 09:23:19', 0.9569058] }], zdcbcolor: 'red', zxcolor: '#f48183', @@ -561,15 +573,17 @@ step: '' } }, updated () { this.DrawEXHRealTimeDateChart() }, mounted () { this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') this.formInline.timeStart = dayjs().subtract(1, 'minute').format('YYYY-MM-DD HH:mm:ss') this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) // this.IntervalEXHRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.JSONTimeData.BBZMAPPING) }, methods: { onSubmit () { this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) this.DrawEXHRealTimeDateChart() }, /** * RTDB 格式转换 @@ -591,7 +605,12 @@ // return dataArray // }, // 1.坐标轴实现,画实时数据 DrawEXHRealTimeDateChart (id, title, legend, ydatas, yname) { DrawEXHRealTimeDateChart () { // var id = this.JsonTimeCtarts.id // var title = this.JsonTimeCtarts.title var legend = this.JsonTimeCtarts.legend var ydatas = this.JsonTimeCtarts.ydatas var yname = this.JsonTimeCtarts.yname this.RealTimeChart = this.$echarts.init(this.$refs.echarts) // this.myChart.clear() var serLists = [] @@ -703,7 +722,7 @@ var seriesName = params[i].seriesName // 值 var value = params[i].value[1] var valueFliter = this.formatter(value) // var valueFliter = this.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>' @@ -716,7 +735,7 @@ } 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 />' s += maker + seriesName + ':' + value + '<br />' } return s } @@ -806,7 +825,7 @@ } }, { // 流量轴 type: 'value', name: '流量(m3/h)', name: '废气流量(m3/h)', axisLabel: { formatter: '{value}', textStyle: { @@ -830,6 +849,7 @@ } console.log(option) this.RealTimeChart.setOption(option) // this.IntervalEXHRealTimeDate() // this.RealTimeChart.on('legendselectchanged', function (params) { // var StdVal = null @@ -855,153 +875,153 @@ // var nowDate = new Date().Format() // }) }, getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { if (this.res.length > 0) { // 处理数据开始 var d = res var nameList = [] // 存放图例 var data // 数据类型// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} var datalist // 存放data的数组 // var bzh = [] for (var i = 0; i < d.length; i++) { if (d[i].ErrorMessage != null) { continue } // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName if (nameList.length === 0) { nameList.push(name) var newdate = new Date(this.res.ReadTime) data = { name: name, value: [newdate, this.res.TagValue] } datalist = { name: name, data: [data] } this.EXHRealTimeDataList.push(datalist) } else if (nameList.indexOf(name) < 0) { nameList.push(name) // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } this.EXHRealTimeDataList.push(datalist) } else if (i === d.length - 1) { if (nameList.indexOf(name) < 0) { nameList.push(name) // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } // EXHRealTimeDataList.push(datalist) } else { // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } for (var k = 0; k < this.EXHRealTimeDataList.length; k++) { if (this.EXHRealTimeDataList[k].name === name) { this.EXHRealTimeDataList[k].data.push(data) } } } } else { const newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } for (let k = 0; k < this.EXHRealTimeDataList.length; k++) { if (this.EXHRealTimeDataList[k].name === name) { this.EXHRealTimeDataList[k].data.push(data) } } } } // var divid = 'mychart_ss' // var title = name var lengList = [] var objTemp for (var l = 0; l < nameList.length; l++) { var obj var iconurl if (nameList[l] === '二氧化硫') { iconurl = 'image://../assets/imgs/legend/SO2.png' } else if (nameList[l] === '氮氧化物') { iconurl = 'image://../assets/imgs/legend/NOX.png' } else if (nameList[l] === '烟尘') { iconurl = 'image://../assets/imgs/legend/YanChen.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' } if (nameList[l] === '废气' || nameList[l] === '废气流量') { // 将废气流量排到数组最后 objTemp = { name: nameList[l], icon: iconurl, textStyle: { color: '#ccc' }, itemWidth: 20, itemHeight: 5 } } else { obj = { name: nameList[l], icon: iconurl, textStyle: { color: '#ccc' }, itemWidth: 20, itemHeight: 5 } lengList.push(obj) } } lengList.push(objTemp) this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) } }, // getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { // if (this.res.length > 0) { // // 处理数据开始 // var d = res // var nameList = [] // 存放图例 // // var data // 数据类型// var data={name:'',value:[now1.getFullYear(), now1.getMonth() + 1, now1.getDate().join('/'),value]} // var datalist // 存放data的数组 // // var bzh = [] // for (var i = 0; i < d.length; i++) { // if (d[i].ErrorMessage != null) { // continue // } // // var name = CFG.DATA_REALTIME_TAGCODETABLE[d[i].UnionTagCode].TagName // // if (nameList.length === 0) { // nameList.push(name) // // var newdate = new Date(this.res.ReadTime) // data = { // name: name, // value: [newdate, this.res.TagValue] // } // // datalist = { // name: name, // data: [data] // } // // this.EXHRealTimeDataList.push(datalist) // } else if (nameList.indexOf(name) < 0) { // nameList.push(name) // // // var newdate = new Date(d[i].ReadTime) // // data = { // name: name, // value: [newdate, d[i].TagValue] // } // datalist = { // name: name, // data: [data] // } // this.EXHRealTimeDataList.push(datalist) // } else if (i === d.length - 1) { // if (nameList.indexOf(name) < 0) { // nameList.push(name) // // // var newdate = new Date(d[i].ReadTime) // // data = { // name: name, // value: [newdate, d[i].TagValue] // } // datalist = { // name: name, // data: [data] // } // // EXHRealTimeDataList.push(datalist) // } else { // // var newdate = new Date(d[i].ReadTime) // data = { // name: name, // value: [newdate, d[i].TagValue] // } // for (var k = 0; k < this.EXHRealTimeDataList.length; k++) { // if (this.EXHRealTimeDataList[k].name === name) { // this.EXHRealTimeDataList[k].data.push(data) // } // } // } // } else { // const newdate = new Date(d[i].ReadTime) // data = { // name: name, // value: [newdate, d[i].TagValue] // } // for (let k = 0; k < this.EXHRealTimeDataList.length; k++) { // if (this.EXHRealTimeDataList[k].name === name) { // this.EXHRealTimeDataList[k].data.push(data) // } // } // } // } // // // var divid = 'mychart_ss' // // var title = name // var lengList = [] // var objTemp // // for (var l = 0; l < nameList.length; l++) { // var obj // var iconurl // if (nameList[l] === '二氧化硫') { // iconurl = 'image://../assets/imgs/legend/SO2.png' // } else if (nameList[l] === '氮氧化物') { // iconurl = 'image://../assets/imgs/legend/NOX.png' // } else if (nameList[l] === '烟尘') { // iconurl = 'image://../assets/imgs/legend/YanChen.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' // } // // if (nameList[l] === '废气' || nameList[l] === '废气流量') { // 将废气流量排到数组最后 // objTemp = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // } else { // obj = { // name: nameList[l], // icon: iconurl, // textStyle: { // color: '#ccc' // }, // itemWidth: 20, // itemHeight: 5 // } // lengList.push(obj) // } // } // lengList.push(objTemp) // // this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) // } // }, // 钩子调用实时 IntervalEXHRealTimeDate (id, unionTagCodeList, BBZMAPPING) { IntervalEXHRealTimeDate () { // 定时器函数 this.interValHander = setInterval(function () { this.DrawEXHRealTimeDateChart() setInterval(function () { // $('.RealTime').empty() this.startTime = dayjs().subtract(5, 'minute').format('YYYY-MM-DD HH:mm:ss') this.endTime = dayjs().format('YYYY-MM-DD HH:mm:ss') this.step = '15' // this.getRtdb15s(this.unionTagCodeList, this.startTime, this.endTime, this.step, this.res) // PreQueryTime=endTime; this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) this.IntervalEXHRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.BBZMAPPING) this.IntervalEXHRealTimeDate() }, 15000) } } @@ -1018,13 +1038,6 @@ padding:0 10px >i{ color: #ffffff; } } .animation { //width: 600px; //height: 0.06rem; .infomation { padding: 5px 10px; } } .form-echrts { @@ -1054,7 +1067,7 @@ } /deep/.el-input__inner{ position: relative; width:140px; //width:140px; background-color: #2e4967; color: #fff; font-size: 12px; @@ -1062,6 +1075,7 @@ padding: 0; border-color:#00fff6; text-align: center; z-index: 9999; //padding-left:20px ; //padding: 0!important; }
