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