From 1a126e5b503fe723dba9aaacc439ab2a658ce1ce Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期三, 14 四月 2021 15:26:21 +0800 Subject: [PATCH] 实时修改 --- src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue | 670 ++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 584 insertions(+), 86 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue b/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue index 8e77f83..a1350f1 100644 --- a/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue +++ b/src/components/BaseNav/PublicBounced/common/echarts/Echarts.vue @@ -69,7 +69,13 @@ 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, @@ -97,120 +103,387 @@ 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: ['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] + }], 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: ['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] + }], 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: ['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] + }], 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: [['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] + }], 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 + // } + }, + exhbzz: null, + exhbzzList: [], + EXHRealTimeDataList: [], + interValHander: '' } }, 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) }, methods: { onSubmit () { @@ -219,6 +492,7 @@ // formatter (value, index) { // return parseFloat(value).toFixed(2) // }, + // 鍧愭爣杞村疄鐜� DrawEXHRealTimeDateChart (id, title, legend, ydatas, yname) { this.RealTimeChart = this.$echarts.init(this.$refs.echarts) // this.myChart.clear() @@ -481,6 +755,230 @@ // RealTimeChart.on('click', function (params) { // var nowDate = new Date().Format() // }) + }, + // 瀹氭椂鍣ㄨ幏鍙栨暟鎹繑鍥� + getRtdb15s (unionTagCodeList, startTime, endTime, step) { + var conditionStr = '{"$tagCodeList":"' + unionTagCodeList + '","$startTime":"' + startTime + '","$endTime":"' + endTime + '","$step":"' + step + '"}' + var condition = JSON.parse(conditionStr) + return condition + // console.log(condition) + // var wsservice = new WsEPMapService() + // wsservice.DataItems(condition, function (res) { + // return c(getRtdbFormat(res)) + // }) + }, + // 閽╁瓙璋冪敤瀹炴椂 + IntervalEXHRealTimeDate (id, unionTagCodeList) { + const _this = this + this.interValHander = setInterval(function () { + // $('.RealTime').empty() + // 鑾峰彇褰撳墠鏃堕棿 + // var serverTime = GetSysTimeFromServer() + // var dateUtil = new DateUtil() + // 寰楀埌5鍒嗛挓鍓嶇殑鏄椂闂� + // var datePkg = dateUtil.getTowDate(serverTime, 'b', '300000') + var startTime = dayjs().subtract(5, 'minute').format('YYYY-MM-DD HH:mm:ss') + var endTime = dayjs().format('YYYY-MM-DD HH:mm:ss') + + var step = '15' + // PreQueryTime=endTime; + + _this.getRtdb15s(unionTagCodeList, startTime, endTime, step, function (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.EXHRealTimeDataList.push(datalist) + } else if (nameList.indexOf(name) < 0) { + nameList.push(name) + + const 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) + + const newdate = new Date(d[i].ReadTime) + + data = { + name: name, + value: [newdate, d[i].TagValue] + } + datalist = { + name: name, + data: [data] + } + this.EXHRealTimeDataList.push(datalist) + } else { + const 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) + // var legend = lengList + var ydatas = [] + + for (var j = 0; j < nameList.length; j++) { + var zdcbcolor, zxcolor + if (nameList[j] === '浜屾哀鍖栫~') { + zdcbcolor = 'red' + zxcolor = '#fff21c' + } else if (nameList[j] === '姘哀鍖栫墿') { + zdcbcolor = 'red' + zxcolor = '#00B0F0' + } else if (nameList[j] === '鐑熷皹') { + zdcbcolor = 'red' + zxcolor = '#f48183' + } else if (nameList[j] === '娓╁害') { + zdcbcolor = 'red' + zxcolor = '#F206FF' + } else { + zdcbcolor = 'red' + zxcolor = '#9ACD32' + } + var ydata + for (var m = 0; m < this.EXHRealTimeDataList.length; m++) { + var stdValue = null + // if (this.EXHRealTimeDataList[m].name === nameList[j]) { + // for (var p in BBZMAPPING) { + // this.stdValue = BBZMAPPING[this.EXHRealTimeDataList[m].name] + // } + + ydata = { + name: nameList[j], + data: this.EXHRealTimeDataList[m].data, + zdcbcolor: zdcbcolor, + zxcolor: zxcolor, + bzz: stdValue + } + this.exhbzz = { + name: nameList[j], + bzhui: stdValue + } + this.exhbzzList.push(this.exhbzz) + ydatas.push(ydata) + } + } + } + // var yname = '娴撳害(mg/m鲁)' + // let html = '' + // + // for (var n = 0; n < ydatas.length; n++) { + // var VAL = '' + // var BBZ = BBZMAPPING[ydatas[n].name] + // for (let m = 0; m < ydatas[n].data.length; m++) { + // VAL = ydatas[n].data[ydatas[n].data.length - 1].value[1] + // } + // if (ydatas[n].name === '搴熸皵' || ydatas[n].name === '搴熸皵娴侀噺' || ydatas[n].name === '娓╁害') { + // html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + ' </span>' + // } else { + // html += '<span>' + ydatas[n].name + ':</span><span style="color: yellow">' + (VAL != null ? (VAL.toFixed(2)) : '--') + '</span> 鏍囧噯:<span style="color: #fff">' + (BBZ != null ? (BBZ) : '--') + ' </span>' + // } + // } + // // $('.RealTime').append(html) + // // this.DrawEXHRealTimeDateChart(divid, title, legend, ydatas, yname) + this.DrawEXHRealTimeDateChart(this.JsonTimeCtarts.id, this.JsonTimeCtarts.title, this.JsonTimeCtarts.legend, this.JsonTimeCtarts.ydatas, this.JsonTimeCtarts.yname) + }) + }, 15000) } } } -- Gitblit v1.8.0