From 8570af7c6051c3d9a516f39d597ff49e1e1e2840 Mon Sep 17 00:00:00 2001
From: fengxiang <110431245@qq.com>
Date: Thu, 25 Jan 2018 09:31:37 +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..82c4074 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