派生自 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,11 +59,34 @@ 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: '烟尘', legend: [ { name: '氮氧化物', icon: 'image://../assets/imgs/legend/NOX.png', textStyle: { color: '#ccc' }, itemWidth: 20, itemHeight: 5 }, { name: '氮氧化物', icon: 'image://../assets/imgs/legend/NOX.png', textStyle: { color: '#ccc' }, itemWidth: 20, itemHeight: 5 }, { icon: 'image://../assets/imgs/legend/SO2.png', itemHeight: 5, @@ -96,137 +114,503 @@ ydatas: [ { name: '氮氧化物', data: [{ name: '氮氧化物', value: ['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 39.51431] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 38.76508] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 37.57471] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 36.3796] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 36.10718] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 35.81126] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 35.9184] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 36.08839] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 36.3718] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 36.8966] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 37.3998] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 37.11937] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 36.12424] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 34.99567] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 34.48063] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 34.62222] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 34.84583] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 35.80923] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 35.93465] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 35.78891] }, { name: '氮氧化物', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 35.54268] }], data: [{ name: '氮氧化物', value: ['2021/04/13 09:18:19', 39.51431] }, { name: '氮氧化物', value: ['2021/04/13 09:18:34', 38.76508] }, { name: '氮氧化物', value: ['2021/04/13 09:18:49', 37.57471] }, { name: '氮氧化物', value: ['2021/04/13 09:19:04', 36.3796] }, { name: '氮氧化物', value: ['2021/04/13 09:19:19', 36.10718] }, { name: '氮氧化物', value: ['2021/04/13 09:19:34', 35.81126] }, { name: '氮氧化物', value: ['2021/04/13 09:19:49', 35.9184] }, { name: '氮氧化物', value: ['2021/04/13 09:20:04', 36.08839] }, { name: '氮氧化物', value: ['2021/04/13 09:20:19', 36.3718] }, { name: '氮氧化物', value: ['2021/04/13 09:20:34', 36.8966] }, { name: '氮氧化物', value: ['2021/04/13 09:20:49', 37.3998] }, { name: '氮氧化物', value: ['2021/04/13 09:21:04', 37.11937] }, { name: '氮氧化物', value: ['2021/04/13 09:21:19', 36.12424] }, { name: '氮氧化物', value: ['2021/04/13 09:21:34', 34.99567] }, { name: '氮氧化物', value: ['2021/04/13 09:21:49', 34.48063] }, { name: '氮氧化物', value: ['2021/04/13 09:22:04', 34.62222] }, { name: '氮氧化物', value: ['2021/04/13 09:22:19', 34.84583] }, { name: '氮氧化物', value: ['2021/04/13 09:22:34', 35.80923] }, { name: '氮氧化物', value: ['2021/04/13 09:22:49', 35.93465] }, { name: '氮氧化物', value: ['2021/04/13 09:23:04', 35.78891] }, { name: '氮氧化物', value: ['2021/04/13 09:23:19', 35.54268] }], zdcbcolor: 'red', zxcolor: '#00B0F0', bzz: 50 }, { name: '二氧化硫', data: [{ name: '二氧化硫', value: ['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 5.112573] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 4.578955] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 4.869465] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 5.270735] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 5.355475] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 5.242907] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 5.230558] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 5.262951] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 5.268744] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 5.159671] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 4.955352] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 5.110546] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 5.235723] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 5.443502] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 5.708939] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 5.882327] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 6.017494] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 5.410021] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 5.379694] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 5.551433] }, { name: '二氧化硫', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 5.819743] }], data: [{ name: '二氧化硫', value: ['2021/04/13 09:18:19', 5.112573] }, { name: '二氧化硫', value: ['2021/04/13 09:18:34', 4.578955] }, { name: '二氧化硫', value: ['2021/04/13 09:18:49', 4.869465] }, { name: '二氧化硫', value: ['2021/04/13 09:19:04', 5.270735] }, { name: '二氧化硫', value: ['2021/04/13 09:19:19', 5.355475] }, { name: '二氧化硫', value: ['2021/04/13 09:19:34', 5.242907] }, { name: '二氧化硫', value: ['2021/04/13 09:19:49', 5.230558] }, { name: '二氧化硫', value: ['2021/04/13 09:20:04', 5.262951] }, { name: '二氧化硫', value: ['2021/04/13 09:20:19', 5.268744] }, { name: '二氧化硫', value: ['2021/04/13 09:20:34', 5.159671] }, { name: '二氧化硫', value: ['2021/04/13 09:20:49', 4.955352] }, { name: '二氧化硫', value: ['2021/04/13 09:21:04', 5.110546] }, { name: '二氧化硫', value: ['2021/04/13 09:21:19', 5.235723] }, { name: '二氧化硫', value: ['2021/04/13 09:21:34', 5.443502] }, { name: '二氧化硫', value: ['2021/04/13 09:21:49', 5.708939] }, { name: '二氧化硫', value: ['2021/04/13 09:22:04', 5.882327] }, { name: '二氧化硫', value: ['2021/04/13 09:22:19', 6.017494] }, { name: '二氧化硫', value: ['2021/04/13 09:22:34', 5.410021] }, { name: '二氧化硫', value: ['2021/04/13 09:22:49', 5.379694] }, { name: '二氧化硫', value: ['2021/04/13 09:23:04', 5.551433] }, { name: '二氧化硫', value: ['2021/04/13 09:23:19', 5.819743] }], zdcbcolor: 'red', zxcolor: '#fff21c', bzz: 50 }, { name: '废气流量', data: [{ name: '废气流量', value: ['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 5.012617] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 4.992213] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 5.026886] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 5.052861] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 5.038826] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 5.062339] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 5.071915] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 5.053693] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 5.03562] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 5.043983] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 5.059231] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 5.042176] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 5.028253] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 5.024891] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 5.01542] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 5.025787] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 5.038269] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 5.01441] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 5.010105] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 5.012341] }, { name: '废气流量', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 4.996146] }], data: [{ name: '废气流量', value: ['2021/04/13 09:18:19', 5.012617] }, { name: '废气流量', value: ['2021/04/13 09:18:34', 4.992213] }, { name: '废气流量', value: ['2021/04/13 09:18:49', 5.026886] }, { name: '废气流量', value: ['2021/04/13 09:19:04', 5.052861] }, { name: '废气流量', value: ['2021/04/13 09:19:19', 5.038826] }, { name: '废气流量', value: ['2021/04/13 09:19:34', 5.062339] }, { name: '废气流量', value: ['2021/04/13 09:19:49', 5.071915] }, { name: '废气流量', value: ['2021/04/13 09:20:04', 5.053693] }, { name: '废气流量', value: ['2021/04/13 09:20:19', 5.03562] }, { name: '废气流量', value: ['2021/04/13 09:20:34', 5.043983] }, { name: '废气流量', value: ['2021/04/13 09:20:49', 5.059231] }, { name: '废气流量', value: ['2021/04/13 09:21:04', 5.042176] }, { name: '废气流量', value: ['2021/04/13 09:21:19', 5.028253] }, { name: '废气流量', value: ['2021/04/13 09:21:34', 5.024891] }, { name: '废气流量', value: ['2021/04/13 09:21:49', 5.01542] }, { name: '废气流量', value: ['2021/04/13 09:22:04', 5.025787] }, { name: '废气流量', value: ['2021/04/13 09:22:19', 5.038269] }, { name: '废气流量', value: ['2021/04/13 09:22:34', 5.01441] }, { name: '废气流量', value: ['2021/04/13 09:22:49', 5.010105] }, { name: '废气流量', value: ['2021/04/13 09:23:04', 5.012341] }, { name: '废气流量', value: ['2021/04/13 09:23:19', 4.996146] }], zdcbcolor: 'red', zxcolor: '#9ACD32', bzz: null }, { name: '烟尘', data: [{ name: '烟尘', value: [['Tue Apr 13 2021 09:18:19 GMT+0800 (中国标准时间)', 0.8297127]] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:18:34 GMT+0800 (中国标准时间)', 0.8347292] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:18:49 GMT+0800 (中国标准时间)', 0.9218481] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:04 GMT+0800 (中国标准时间)', 0.913429] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:19 GMT+0800 (中国标准时间)', 0.9026684] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:34 GMT+0800 (中国标准时间)', 0.8060119] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:19:49 GMT+0800 (中国标准时间)', 0.781314] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:04 GMT+0800 (中国标准时间)', 0.8958074] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:19 GMT+0800 (中国标准时间)', 0.9093901] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:34 GMT+0800 (中国标准时间)', 0.8743498] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:20:49 GMT+0800 (中国标准时间)', 0.9024854] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:04 GMT+0800 (中国标准时间)', 0.9456897] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:19 GMT+0800 (中国标准时间)', 0.9747347] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:34 GMT+0800 (中国标准时间)', 0.9200308] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:21:49 GMT+0800 (中国标准时间)', 0.8987293] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:04 GMT+0800 (中国标准时间)', 0.8613345] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:19 GMT+0800 (中国标准时间)', 0.8747463] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:34 GMT+0800 (中国标准时间)', 0.8883187] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:22:49 GMT+0800 (中国标准时间)', 0.881333] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:23:04 GMT+0800 (中国标准时间)', 0.9142911] }, { name: '烟尘', value: ['Tue Apr 13 2021 09:23:19 GMT+0800 (中国标准时间)', 0.9569058] }], data: [{ name: '烟尘', value: [['2021/04/13 09:18:19', 0.8297127]] }, { name: '烟尘', value: ['2021/04/13 09:18:34', 0.8347292] }, { name: '烟尘', value: ['2021/04/13 09:18:49', 0.9218481] }, { name: '烟尘', value: ['2021/04/13 09:19:04', 0.913429] }, { name: '烟尘', value: ['2021/04/13 09:19:19', 0.9026684] }, { name: '烟尘', value: ['2021/04/13 09:19:34', 0.8060119] }, { name: '烟尘', value: ['2021/04/13 09:19:49', 0.781314] }, { name: '烟尘', value: ['2021/04/13 09:20:04', 0.8958074] }, { name: '烟尘', value: ['2021/04/13 09:20:19', 0.9093901] }, { name: '烟尘', value: ['2021/04/13 09:20:34', 0.8743498] }, { name: '烟尘', value: ['2021/04/13 09:20:49', 0.9024854] }, { name: '烟尘', value: ['2021/04/13 09:21:04', 0.9456897] }, { name: '烟尘', value: ['2021/04/13 09:21:19', 0.9747347] }, { name: '烟尘', value: ['2021/04/13 09:21:34', 0.9200308] }, { name: '烟尘', value: ['2021/04/13 09:21:49', 0.8987293] }, { name: '烟尘', value: ['2021/04/13 09:22:04', 0.8613345] }, { name: '烟尘', value: ['2021/04/13 09:22:19', 0.8747463] }, { name: '烟尘', value: ['2021/04/13 09:22:34', 0.8883187] }, { name: '烟尘', value: ['2021/04/13 09:22:49', 0.881333] }, { name: '烟尘', value: ['2021/04/13 09:23:04', 0.9142911] }, { name: '烟尘', value: ['2021/04/13 09:23:19', 0.9569058] }], zdcbcolor: 'red', zxcolor: '#f48183', bzz: 10 }], yname: ' 浓度(mg/m³)' } }, JSONTimeData: { id: 21, unionTagCodeList: ['TJIP45.rl3AT25035', 'TJIP45.rl3AT25033', 'TJIP45.rl3FT35032', 'TJIP45.rl3AT25034'] // BBZMAPPING: { // 氮氧化物: 50, // 二氧化硫: 50, // 废气流量: null, // 烟尘: 10 // } }, res: [{ UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.02153, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.7473, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.56014, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.59335, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.49617, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.33835, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 34.93116, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 35.831, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 36.67476, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.04687, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.78848, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 38.03456, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 37.81089, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.28693, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 39.79956, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.11547, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 40.72007, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.11903, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 44.28426, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 45.07601, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25035', TagValue: 43.81406, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.312585, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.507234, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.383248, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.385284, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.719143, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.730373, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.602137, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.459584, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.313675, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.305554, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.911544, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.744454, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.267665, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.606314, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.599967, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 1.939136, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.03244, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.183742, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.323384, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.403428, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25033', TagValue: 2.347282, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.018858, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020605, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.047671, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.020306, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.054744, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.027292, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.026794, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.03381, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.041131, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.02754, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.998859, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.014368, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.019042, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.046045, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.024141, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.016951, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.01229, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.00666, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 5.005168, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.99309, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3FT35032', TagValue: 4.983859, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.128864, ReadTime: '2021/04/14 03:59:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.096089, ReadTime: '2021/04/14 03:59:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.13711, ReadTime: '2021/04/14 04:00:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.191255, ReadTime: '2021/04/14 04:00:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.159299, ReadTime: '2021/04/14 04:00:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.089755, ReadTime: '2021/04/14 04:00:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.098142, ReadTime: '2021/04/14 04:01:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.084317, ReadTime: '2021/04/14 04:01:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.040828, ReadTime: '2021/04/14 04:01:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.066903, ReadTime: '2021/04/14 04:01:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.12027, ReadTime: '2021/04/14 04:02:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.075927, ReadTime: '2021/04/14 04:02:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.062984, ReadTime: '2021/04/14 04:02:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.190477, ReadTime: '2021/04/14 04:02:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.192902, ReadTime: '2021/04/14 04:03:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.061741, ReadTime: '2021/04/14 04:03:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 0.991724, ReadTime: '2021/04/14 04:03:30', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.006655, ReadTime: '2021/04/14 04:03:45', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.044971, ReadTime: '2021/04/14 04:04:00', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.077099, ReadTime: '2021/04/14 04:04:15', ErrorMessage: null }, { UnionTagCode: 'TJIP45.rl3AT25034', TagValue: 1.131417, ReadTime: '2021/04/14 04:04:30', ErrorMessage: null }], startTime: '', endTime: '', 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: { // EndTime () { // var myDate = new Date() // var mytime = myDate.toLocaleTimeString() // 获取当前时间 // console.log(mytime) // }, // handleshowcomplaint(row) { // this.temp.complaint_consultationtime = new Date() // }, onSubmit () { this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) this.DrawEXHRealTimeDateChart() }, // formatter (value, index) { // return parseFloat(value).toFixed(2) /** * RTDB 格式转换 * @param res * @returns {[]} */ // getRtdbFormat (res) { // var data = res.collection.items // var dataArray = [] // for (var i = 0; i < data.length; i++) { // var dataFormat = { // UnionTagCode: data[i].data[0].value, // TagValue: parseFloat(data[i].data[1].value), // ReadTime: data[i].data[3].value, // ErrorMessage: data[i].data[5].value // } // dataArray.push(dataFormat) // } // return dataArray // }, DrawEXHRealTimeDateChart (id, title, legend, ydatas, yname) { // 1.坐标轴实现,画实时数据 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 = [] @@ -338,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>' @@ -351,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 } @@ -441,7 +825,7 @@ } }, { // 流量轴 type: 'value', name: '流量(m3/h)', name: '废气流量(m3/h)', axisLabel: { formatter: '{value}', textStyle: { @@ -463,7 +847,9 @@ }], series: serLists } console.log(option) this.RealTimeChart.setOption(option) // this.IntervalEXHRealTimeDate() // this.RealTimeChart.on('legendselectchanged', function (params) { // var StdVal = null @@ -488,6 +874,155 @@ // RealTimeChart.on('click', function (params) { // 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) // } // }, // 钩子调用实时 IntervalEXHRealTimeDate () { // 定时器函数 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.IntervalEXHRealTimeDate() }, 15000) } } } @@ -503,13 +1038,6 @@ padding:0 10px >i{ color: #ffffff; } } .animation { //width: 600px; //height: 0.06rem; .infomation { padding: 5px 10px; } } .form-echrts { @@ -539,7 +1067,7 @@ } /deep/.el-input__inner{ position: relative; width:140px; //width:140px; background-color: #2e4967; color: #fff; font-size: 12px; @@ -547,6 +1075,7 @@ padding: 0; border-color:#00fff6; text-align: center; z-index: 9999; //padding-left:20px ; //padding: 0!important; }
