派生自 wuyushui/SewerAndRainNetwork
src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue
@@ -3,9 +3,9 @@ <div id="Tab"> <div class="animation"> <div class="infomation"> <span class="grid-content">COD : <i style="color: #e8ee0b">11.24385</i> 标准 : 50</span> <span class="grid-content">氮氧 :<i style="color: #e8ee0b">0.1889014</i> 标准 : 30</span> <span class="grid-content">总磷 : <i style="color: #e8ee0b">0.03812287</i> 标准 : 5</span> <span class="grid-content">COD : <i style="color: #e8ee0b">11.24385</i> 标准 : <i style="color: #fff">50</i></span> <span class="grid-content">氮氧 :<i style="color: #e8ee0b">0.1889014</i> 标准 : <i style="color: #fff">30</i></span> <span class="grid-content">总磷 : <i style="color: #e8ee0b">0.03812287</i> 标准 : <i style="color: #fff">5</i></span> <span class="grid-content">废水流量 : <i style="color: #e8ee0b">32.16287</i></span> </div> </div> @@ -39,9 +39,8 @@ </div> <div class="detailbtn" @click="onSubmit">查询</div> </div> <div class="boxChart" style="height: 260px"> <div style="width: 100%;height: 100%;" id="popChart" ref="main"> </div> <div class="boxChart"> <div style="width: 5rem;height: 1.5rem;" id="popChart" ref="main"></div> </div> </div> </div> @@ -111,152 +110,253 @@ ydatas: [ { name: '氮氧', data: [{ name: '氮氧', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 0.1900156] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 0.1902795] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 0.1892689] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 0.1882582] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 0.1882284] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 0.1886617] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 0.1873395] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 0.1866319] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 0.1895212] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 0.1898232] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 0.1880916] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 0.1883546] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 0.1907846] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 0.1887416] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 0.1873472] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 0.1886214] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 0.1891896] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 0.1891176] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 0.1890455] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 0.1889734] }, { name: '氮氧', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 0.1889014] }], data: [{ name: '氮氧', value: ['2021/04/13 12:47:18', 0.1900156] }, { name: '氮氧', value: ['2021/04/13 12:47:33', 0.1902795] }, { name: '氮氧', value: ['2021/04/13 12:47:48', 0.1892689] }, { name: '氮氧', value: ['2021/04/13 12:48:03', 0.1882582] }, { name: '氮氧', value: ['2021/04/13 12:48:18', 0.1882284] }, { name: '氮氧', value: ['2021/04/13 12:48:33', 0.1886617] }, { name: '氮氧', value: ['2021/04/13 12:48:48', 0.1873395] }, { name: '氮氧', value: ['2021/04/13 12:49:03', 0.1866319] }, { name: '氮氧', value: ['2021/04/13 12:49:18', 0.1895212] }, { name: '氮氧', value: ['2021/04/13 12:49:33', 0.1898232] }, { name: '氮氧', value: ['2021/04/13 12:49:48', 0.1880916] }, { name: '氮氧', value: ['2021/04/13 12:50:03', 0.1883546] }, { name: '氮氧', value: ['2021/04/13 12:50:18', 0.1907846] }, { name: '氮氧', value: ['2021/04/13 12:50:33', 0.1887416] }, { name: '氮氧', value: ['2021/04/13 12:50:48', 0.1873472] }, { name: '氮氧', value: ['2021/04/13 12:51:03', 0.1886214] }, { name: '氮氧', value: ['2021/04/13 12:51:18', 0.1891896] }, { name: '氮氧', value: ['2021/04/13 12:51:33', 0.1891176] }, { name: '氮氧', value: ['2021/04/13 12:51:48', 0.1890455] }, { name: '氮氧', value: ['2021/04/13 12:52:03', 0.1889734] }, { name: '氮氧', value: ['2021/04/13 12:52:18', 0.1889014] }], zdcbcolor: 'red', zxcolor: '#00B0F0', bzz: 3 }, { name: '总磷', data: [{ name: '总磷', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 0.03813388] }, { name: '总磷', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 0.03813333] }, { name: '总磷', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 0.03813278] }, { name: '总磷', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 0.03813223] }, { name: '总磷', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 0.03813168] }, { name: '总磷', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 0.03813113] }, { name: '总磷', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 0.03813057] }, { name: '总磷', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 0.03813003] }, { name: '总磷', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 0.03812947] }, { name: '总磷', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 0.03812892] }, { name: '总磷', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 0.03812837] }, { name: '总磷', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 0.03812782] }, { name: '总磷', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 0.03812727] }, { name: '总磷', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 0.03812672] }, { name: '总磷', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 0.03812617] }, { name: '总磷', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 0.03812562] }, { name: '总磷', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 0.03812507] }, { name: '总磷', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 0.03812452] }, { name: '总磷', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 0.03812397] }, { name: '总磷', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 0.03812342] }, { name: '总磷', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 0.03812287] }], data: [{ name: '总磷', value: ['2021/04/13 12:47:18', 0.03813388] }, { name: '总磷', value: ['2021/04/13 12:47:33', 0.03813333] }, { name: '总磷', value: ['2021/04/13 12:47:48', 0.03813278] }, { name: '总磷', value: ['2021/04/13 12:48:03', 0.03813223] }, { name: '总磷', value: ['2021/04/13 12:48:18', 0.03813168] }, { name: '总磷', value: ['2021/04/13 12:48:33', 0.03813113] }, { name: '总磷', value: ['2021/04/13 12:48:48', 0.03813057] }, { name: '总磷', value: ['2021/04/13 12:49:03', 0.03813003] }, { name: '总磷', value: ['2021/04/13 12:49:18', 0.03812947] }, { name: '总磷', value: ['2021/04/13 12:49:33', 0.03812892] }, { name: '总磷', value: ['2021/04/13 12:49:48', 0.03812837] }, { name: '总磷', value: ['2021/04/13 12:50:03', 0.03812782] }, { name: '总磷', value: ['2021/04/13 12:50:18', 0.03812727] }, { name: '总磷', value: ['2021/04/13 12:50:33', 0.03812672] }, { name: '总磷', value: ['2021/04/13 12:50:48', 0.03812617] }, { name: '总磷', value: ['2021/04/13 12:51:03', 0.03812562] }, { name: '总磷', value: ['2021/04/13 12:51:18', 0.03812507] }, { name: '总磷', value: ['2021/04/13 12:51:33', 0.03812452] }, { name: '总磷', value: ['2021/04/13 12:51:48', 0.03812397] }, { name: '总磷', value: ['2021/04/13 12:52:03', 0.03812342] }, { name: '总磷', value: ['2021/04/13 12:52:18', 0.03812287] }], zdcbcolor: 'red', zxcolor: '#f48183', bzz: 0.3 }, { name: '总氮', data: [{ name: '总氮', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 2.779342] }, { name: '总氮', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 2.779337] }, { name: '总氮', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 2.779331] }, { name: '总氮', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 2.779823] }, { name: '总氮', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 2.779321] }, { name: '总氮', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 2.779344] }, { name: '总氮', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 2.779452] }, { name: '总氮', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 2.779224] }, { name: '总氮', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 2.779133] }, { name: '总氮', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 2.779445] }, { name: '总氮', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 2.779743] }, { name: '总氮', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 2.779332] }, { name: '总氮', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 2.779562] }, { name: '总氮', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 2.779560] }, { name: '总氮', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 2.779534] }, { name: '总氮', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 2.779412] }, { name: '总氮', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 2.779673] }, { name: '总氮', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 2.779452] }, { name: '总氮', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 2.779397] }, { name: '总氮', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 2.779342] }, { name: '总氮', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 2.779287] }], data: [{ name: '总氮', value: ['2021/04/13 12:47:18', 2.779342] }, { name: '总氮', value: ['2021/04/13 12:47:33', 2.779337] }, { name: '总氮', value: ['2021/04/13 12:47:48', 2.779331] }, { name: '总氮', value: ['2021/04/13 12:48:03', 2.779823] }, { name: '总氮', value: ['2021/04/13 12:48:18', 2.779321] }, { name: '总氮', value: ['2021/04/13 12:48:33', 2.779344] }, { name: '总氮', value: ['2021/04/13 12:48:48', 2.779452] }, { name: '总氮', value: ['2021/04/13 12:49:03', 2.779224] }, { name: '总氮', value: ['2021/04/13 12:49:18', 2.779133] }, { name: '总氮', value: ['2021/04/13 12:49:33', 2.779445] }, { name: '总氮', value: ['2021/04/13 12:49:48', 2.779743] }, { name: '总氮', value: ['2021/04/13 12:50:03', 2.779332] }, { name: '总氮', value: ['2021/04/13 12:50:18', 2.779562] }, { name: '总氮', value: ['2021/04/13 12:50:33', 2.779560] }, { name: '总氮', value: ['2021/04/13 12:50:48', 2.779534] }, { name: '总氮', value: ['2021/04/13 12:51:03', 2.779412] }, { name: '总氮', value: ['2021/04/13 12:51:18', 2.779673] }, { name: '总氮', value: ['2021/04/13 12:51:33', 2.779452] }, { name: '总氮', value: ['2021/04/13 12:51:48', 2.779397] }, { name: '总氮', value: ['2021/04/13 12:52:03', 2.779342] }, { name: '总氮', value: ['2021/04/13 12:52:18', 2.779287] }], zdcbcolor: 'red', zxcolor: '#e0ffff', bzz: 15 }, { name: '废水流量', data: [{ name: '废水流量', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 31.63029] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 31.9791] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 31.92095] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 32.05784] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 32.01669] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 32.39344] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 32.66452] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 32.45224] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 32.42133] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 32.88445] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 32.36743] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 32.83332] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 32.15562] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 32.61560] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 32.89534] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 32.72412] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 32.48673] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 32.03452] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 32.93397] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 32.84342] }, { name: '废水流量', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 32.16287] }], data: [{ name: '废水流量', value: ['2021/04/13 12:47:18', 31.63029] }, { name: '废水流量', value: ['2021/04/13 12:47:33', 31.9791] }, { name: '废水流量', value: ['2021/04/13 12:47:48', 31.92095] }, { name: '废水流量', value: ['2021/04/13 12:48:03', 32.05784] }, { name: '废水流量', value: ['2021/04/13 12:48:18', 32.01669] }, { name: '废水流量', value: ['2021/04/13 12:48:33', 32.39344] }, { name: '废水流量', value: ['2021/04/13 12:48:48', 32.66452] }, { name: '废水流量', value: ['2021/04/13 12:49:03', 32.45224] }, { name: '废水流量', value: ['2021/04/13 12:49:18', 32.42133] }, { name: '废水流量', value: ['2021/04/13 12:49:33', 32.88445] }, { name: '废水流量', value: ['2021/04/13 12:49:48', 32.36743] }, { name: '废水流量', value: ['2021/04/13 12:50:03', 32.83332] }, { name: '废水流量', value: ['2021/04/13 12:50:18', 32.15562] }, { name: '废水流量', value: ['2021/04/13 12:50:33', 32.61560] }, { name: '废水流量', value: ['2021/04/13 12:50:48', 32.89534] }, { name: '废水流量', value: ['2021/04/13 12:51:03', 32.72412] }, { name: '废水流量', value: ['2021/04/13 12:51:18', 32.48673] }, { name: '废水流量', value: ['2021/04/13 12:51:33', 32.03452] }, { name: '废水流量', value: ['2021/04/13 12:51:48', 32.93397] }, { name: '废水流量', value: ['2021/04/13 12:52:03', 32.84342] }, { name: '废水流量', value: ['2021/04/13 12:52:18', 32.16287] }], zdcbcolor: 'red', zxcolor: '#9ACD32', bzz: null }, { name: 'COD', data: [{ name: 'COD', value: ['Tue Apr 13 2021 12:47:18 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:47:33 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:47:48 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:48:03 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:48:18 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:48:33 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:48:48 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:49:03 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:49:18 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:49:33 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:49:48 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:50:03 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:50:18 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:50:33 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:50:48 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:51:03 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:51:18 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:51:33 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:51:48 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:52:03 GMT+0800 (中国标准时间)', 11.24385] }, { name: 'COD', value: ['Tue Apr 13 2021 12:52:18 GMT+0800 (中国标准时间)', 11.24385] }], data: [{ name: 'COD', value: ['2021/04/13 12:47:18', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:47:33', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:47:48', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:48:03', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:48:18', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:48:33', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:48:48', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:49:03', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:49:18', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:49:33', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:49:48', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:50:03', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:50:18', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:50:33', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:50:48', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:51:03', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:51:18', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:51:33', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:51:48', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:52:03', 11.24385] }, { name: 'COD', value: ['2021/04/13 12:52:18', 11.24385] }], zdcbcolor: 'red', zxcolor: '#fff21c', bzz: 35 } ], yname: ' 浓度(mg/l)' } }, JSONTimeData: { id: 21, unionTagCodeList: ['TJIP45.rl3AT25035', 'TJIP45.rl3AT25033', 'TJIP45.rl3FT35032', 'TJIP45.rl3AT25034'] }, 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: '' } }, mounted () { this.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname) 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') // console.log(this.formInline.timeStart) // console.log(this.JsonRealWasteWater.ydatas[0].data[0].value[0]) }, updated () { this.DrawRealTimeDateChart() }, methods: { onSubmit () { this.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname) this.DrawRealTimeDateChart() }, DrawRealTimeDateChart (id, title, legend, ydatas, yname) { // 画废水折线图--实时数据 DrawRealTimeDateChart () { var legend = this.JsonRealWasteWater.legend var ydatas = this.JsonRealWasteWater.ydatas var yname = this.JsonRealWasteWater.yname this.RealTimeChart = this.$echarts.init(this.$refs.main) var serLists = [] for (var i = 0; i < ydatas.length; i++) { @@ -272,20 +372,20 @@ itemStyle: { normal: { color: function (c) { // 根据value 显示不同的折点颜色 /* var biaozhuiz for (var 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' } { return '#33c95f' } */ // var biaozhuiz // for (var 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' // } // { // return '#33c95f' // } }, lineStyle: { // 折线的颜色 color: ydatas[i].zxcolor, @@ -348,7 +448,7 @@ } } if (ydatas[i].name === '废水流量' || ydatas[i].name === '废水') { if (ydatas[i].name === '废气流量' || ydatas[i].name === '废气') { obj.yAxisIndex = 1 } serLists.push(obj) @@ -374,20 +474,28 @@ 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 === 'COD') { 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:#d9f2f4;"></span>' } else { maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#9ACD32;"></span>' var colo = '' switch (seriesName) { case 'COD': colo = '#fff21c' break case '氨氮': colo = '#00B0F0' break case '总磷': colo = '#f48183' break case '总氮': colo = '#e0ffff' break default: colo = '#9ACD32' break } s += maker + seriesName + ':' + valueFliter + '<br />' maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:' + colo + ';"></span>' s += maker + seriesName + ':' + value + '<br />' } return s } @@ -399,7 +507,10 @@ } }, grid: { // 网格 top: '20%' top: '20%', left: '7%', bottom: '15%', right: '5%' }, legend: { data: legend @@ -425,9 +536,6 @@ xAxis: { // x 轴设置 type: 'time', boundaryGap: false, nameTextStyle: { fontSize: 15 }, axisLabel: { // x轴全部显示 // rotate: 30, margin: 6, @@ -457,8 +565,7 @@ type: 'value', name: yname, max: function (value) { var ma = value.max > 100 ? value.max : 100 return parseInt(ma) return parseInt(value.max + 30) }, axisLabel: { formatter: '{value}', @@ -480,7 +587,7 @@ } }, { type: 'value', name: '流量(m³/h)', name: '流量(m³/d)', axisLabel: { formatter: '{value}', textStyle: { @@ -493,6 +600,9 @@ splitLine: { show: false }, // y轴 网格线不显示, // inverse: true, // nameLocation: 'start', // max:500, axisLine: { lineStyle: { color: '#FFFFFF', @@ -578,20 +688,156 @@ } } RealTimeChart.setOption(op) }) }) */ }, drawChart: function () { window.onresize = function () { var h1 = document.documentElement.clientHeight// 获取屏幕的高度 if (h1 > 700) { this.myChart.getDom().style.height = 3 + 'rem' this.myChart.getDom().style.width = 6 + 'rem' } else { this.myChart.getDom().style.height = 3 + 'rem' this.myChart.getDom().style.width = 6 + 'rem' getRtdb15s (unionTagCodeList, startTime, endTime, step, res) { if (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(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } this.RealTimeDataList.push(datalist) } else if (nameList.indexOf(name) < 0) { nameList.push(name) // bzh.push(d[i].StdValue); // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } this.RealTimeDataList.push(datalist) } else if (i === d.length - 1) { if (nameList.indexOf(name) < 0) { nameList.push(name) // bzh.push(d[i].StdValue); // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } datalist = { name: name, data: [data] } // RealTimeDataList.push(datalist) } else { // var newdate = new Date(d[i].ReadTime) data = { name: name, value: [newdate, d[i].TagValue] } for (var k = 0; k < this.RealTimeDataList.length; k++) { if (this.RealTimeDataList[k].name === name) { this.RealTimeDataList[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.RealTimeDataList.length; k++) { if (this.RealTimeDataList[k].name === name) { this.RealTimeDataList[k].data.push(data) } } } } this.myChart.resize() } */ // var divid = 'mycharteff_second' // var title = name var lengList = [] var objTemp for (var l = 0; l < nameList.length; l++) { var obj var iconurl if (nameList[l] === 'COD') { 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/zongdan.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.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname) } }, // 实时数据调用钩子函数 IntervalRealTimeDate (id, unionTagCodeList, BBZMAPPING) { // 定时器函数 this.interValHander = 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.DrawRealTimeDateChart(this.JsonRealWasteWater.id, this.JsonRealWasteWater.title, this.JsonRealWasteWater.legend, this.JsonRealWasteWater.ydatas, this.JsonRealWasteWater.yname) this.IntervalRealTimeDate(this.JSONTimeData.id, this.JSONTimeData.unionTagCodeList, this.BBZMAPPING) }, 15000) } } }
