From 6ba27a2008988a93630e73929c2600a8970ec509 Mon Sep 17 00:00:00 2001
From: eson <eson.hsm@nonolive.com>
Date: Mon, 30 Nov 2020 19:00:35 +0800
Subject: [PATCH] TODO: last

---
 src/charts/trend.tsx | 27 ++++++++++-----------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/src/charts/trend.tsx b/src/charts/trend.tsx
index 2e28514..9e3fdce 100644
--- a/src/charts/trend.tsx
+++ b/src/charts/trend.tsx
@@ -6,7 +6,12 @@ import echarts from 'echarts';
 
 class Trend extends React.Component {
 
-    getOption(tsdata: any, data: any) :any {
+    state = {
+        tdata: null,
+        sdata: null
+    }
+
+    getOption(tdata: any, sdata: any) :any {
         var option = {
             tooltip: {
                 trigger: 'axis',
@@ -31,7 +36,7 @@ class Trend extends React.Component {
                 type: 'time',
                 boundaryGap: false,
                 interval: 20,
-                data: tsdata
+                data: tdata
             },
             yAxis: {
                 type: 'value',
@@ -73,7 +78,7 @@ class Trend extends React.Component {
                             color: 'rgb(255, 70, 131)'
                         }])
                     },
-                    data: data
+                    data: sdata
                 }
             ]
         };
@@ -83,25 +88,13 @@ class Trend extends React.Component {
 
     render() {
       
-
-        var base = +new Date(1998, 9, 3);
-        var oneDay =  60 * 1000;
-        var date = [];
-
-        var data = [Math.random() * 1000];
-
-        for (var i = 1; i < 1000; i++) {
-            var now = new Date(base += oneDay);
-            date.push(now );
-            data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1]));
-        
-        }
+        const { tdata, sdata } = this.state;
 
     
         return (
             <ReactEcharts
             notMerge={true}
-            option={this.getOption(date, data)}
+            option={this.getOption(tdata, sdata)}
             style={{ height: '600px', width: '100%' }}
             className='react_for_echarts' />
         )