screen_demo2.git

			@@ -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,529 +10,30 @@
			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;
			this.loading = false;
			}, 500);
			// 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;
			// });

			// active chart
			this.genActiveData();
			this.activeTime$ = setInterval(() => this.genActiveData(), 1000);
			// // active chart
			// this.genActiveData();
			// this.activeTime$ = setInterval(() => this.genActiveData(), 1000);
			}

			// region: active chart