From d0391dba3708d3f32bcd94e1881d1b598a0d9ef0 Mon Sep 17 00:00:00 2001
From: zhangshuaibao <15731629597@163.com>
Date: 星期四, 15 四月 2021 17:21:10 +0800
Subject: [PATCH] 修改图表问题

---
 src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue |  568 ++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 407 insertions(+), 161 deletions(-)

diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue
index fbd04d6..fffd525 100644
--- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsRealWasteWater.vue
+++ b/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)
     }
   }
 }

--
Gitblit v1.8.0