From 3405a42d4434bb77026c029ed20f2898ba665107 Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Thu, 11 Jan 2018 09:25:50 +0800
Subject: [PATCH] 框架升级

---
 src/app/routes/dashboard/monitor/monitor.component.ts |  524 +--------------------------------------------------------
 1 files changed, 13 insertions(+), 511 deletions(-)

diff --git a/src/app/routes/dashboard/monitor/monitor.component.ts b/src/app/routes/dashboard/monitor/monitor.component.ts
index 81ed1c2..7eca535 100644
--- a/src/app/routes/dashboard/monitor/monitor.component.ts
+++ b/src/app/routes/dashboard/monitor/monitor.component.ts
@@ -1,7 +1,8 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { NzMessageService } from 'ng-zorro-antd';
+import { zip } from 'rxjs/observable/zip';
 import { getTimeDistance, yuan, fixedZero } from '@delon/abc';
-import { getFakeChartData } from '../../../../../_mock/chart.service';
+import { _HttpClient } from '@delon/theme';
 
 @Component({
     selector: 'app-dashboard-monitor',
@@ -9,525 +10,26 @@
     styleUrls: ['./monitor.component.less']
 })
 export class DashboardMonitorComponent implements OnInit, OnDestroy {
-    data: any = {
-    };
+    data: any = { };
+    tags = [];
     loading = true;
     q: any = {
         start: null,
         end: null
     };
 
-    // from [http://jsfiddle.net/uTSqT/12/]
-    tags = [
-        {
-            'name': '������������',
-            'value': 99,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 17,
-            'type': 0
-        },
-        {
-            'name': '������������',
-            'value': 92,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 83,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 79,
-            'type': 1
-        },
-        {
-            'name': '���������������������',
-            'value': 92,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 78,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 86,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 18,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 13,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 17,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 52,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 82,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 3,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 62,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 38,
-            'type': 1
-        },
-        {
-            'name': '���������������',
-            'value': 35,
-            'type': 2
-        },
-        {
-            'name': '������������',
-            'value': 62,
-            'type': 2
-        },
-        {
-            'name': '���������������������',
-            'value': 51,
-            'type': 1
-        },
-        {
-            'name': '���������������������',
-            'value': 50,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 94,
-            'type': 1
-        },
-        {
-            'name': '������',
-            'value': 95,
-            'type': 0
-        },
-        {
-            'name': '���������������������',
-            'value': 37,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 44,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 49,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 95,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 1050,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 19,
-            'type': 2
-        },
-        {
-            'name': '���������������������������������',
-            'value': 86,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 97,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 42,
-            'type': 2
-        },
-        {
-            'name': '������������',
-            'value': 11,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 19,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 17,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 16,
-            'type': 1
-        },
-        {
-            'name': '������',
-            'value': 96,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 94,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 49,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 72,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 97,
-            'type': 2
-        },
-        {
-            'name': '���������������',
-            'value': 39,
-            'type': 0
-        },
-        {
-            'name': '������������',
-            'value': 92,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 66,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 11,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 43,
-            'type': 0
-        },
-        {
-            'name': '���������������',
-            'value': 53,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 9,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 50,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 17,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 2,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 93,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 3,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 21,
-            'type': 1
-        },
-        {
-            'name': '���������������',
-            'value': 66,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 45,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 36,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 95,
-            'type': 2
-        },
-        {
-            'name': '���������������������������',
-            'value': 50,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 39,
-            'type': 2
-        },
-        {
-            'name': '������������',
-            'value': 36,
-            'type': 1
-        },
-        {
-            'name': '���������������������',
-            'value': 18,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 86,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 33,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 66,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 41,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 8,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 38,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 96,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 52,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 68,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 20,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 50,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 41,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 26,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 58,
-            'type': 1
-        },
-        {
-            'name': '���������������',
-            'value': 80,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 70,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 18,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 64,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 99,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 95,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 55,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 63,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 32,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 23,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 30,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 43,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 86,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 86,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 13,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 40,
-            'type': 1
-        },
-        {
-            'name': '���������',
-            'value': 72,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 9,
-            'type': 2
-        },
-        {
-            'name': '���������',
-            'value': 22,
-            'type': 2
-        },
-        {
-            'name': '������������',
-            'value': 81,
-            'type': 1
-        },
-        {
-            'name': '���������������',
-            'value': 3,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 50,
-            'type': 0
-        },
-        {
-            'name': '���������',
-            'value': 74,
-            'type': 2
-        },
-        {
-            'name': '������',
-            'value': 50,
-            'type': 1
-        },
-        {
-            'name': '������������',
-            'value': 56,
-            'type': 1
-        }
-    ];
-
-    constructor(public msg: NzMessageService) {}
+    constructor(private http: _HttpClient, public msg: NzMessageService) {}
 
     ngOnInit() {
-        setTimeout(() => {
-            this.data = getFakeChartData;
+        zip(
+            this.http.get('/chart'),
+            this.http.get('/chart/tags')
+        ).subscribe(([ res, tags ]) => {
+            this.data = res;
+            tags.list[Math.floor(Math.random() * tags.list.length) + 1].value = 1000;
+            this.tags = tags.list;
             this.loading = false;
-        }, 500);
+        });
 
         // active chart
         this.genActiveData();

--
Gitblit v1.8.0