From 0e722c9f6127ea7a41ca08fd36547e421b79edeb Mon Sep 17 00:00:00 2001
From: xufenglei <xufenglei>
Date: Wed, 25 Apr 2018 10:26:37 +0800
Subject: [PATCH] 饼图 结论
---
src/app/routes/report/report.component.ts | 58 ++++++++++++++++++++++++++++++++++++++++------------------
1 files changed, 40 insertions(+), 18 deletions(-)
diff --git a/src/app/routes/report/report.component.ts b/src/app/routes/report/report.component.ts
index aeebed5..85f429f 100644
--- a/src/app/routes/report/report.component.ts
+++ b/src/app/routes/report/report.component.ts
@@ -39,7 +39,7 @@
legend: {
data: [],
orient: 'vertical',
- right: 40,
+ right: 30,
top: 5,
bottom: 20,
type: 'scroll'
@@ -59,17 +59,18 @@
};
public sensorArr: any = [];
+ public resultArr: any = [];
public items: any = [];
public title: string;
private timeArr = ['���', '���', '���', '���', '���'];
public typeArr = ['year', 'month', 'day', 'hour'];
public sensorKeys: any = [
- {key: 'e1', name: 'PM 2.5'},
- {key: 'e2', name: 'PM 10'},
- {key: 'e10', name: '���������������CO���'},
- {key: 'e11', name: '���������������SO������'},
- {key: 'e15', name: '���������O������'},
- {key: 'e16', name: '���������������NO������'}
+ {key: 'e1', name: 'PM 2.5', effect: 'PM2.5������������������������������������������������������������������������������������', measures: '������������������������������������������������������������������������������������'},
+ {key: 'e2', name: 'PM 10', effect: '���������PM10������������������������������������������������������������������������������������', measures: '���������������������������������������������������������������������������������������'},
+ {key: 'e10', name: '���������������CO���', effect: '���������������������������������������������������������������������������������������', measures: '������������������������������������������'},
+ {key: 'e11', name: '���������������SO������', effect: '������������������������������������������������������������������������������������', measures: '������������������������������������������������������������������������������������������������������������������SO2'},
+ {key: 'e15', name: '���������O������', effect: '������������������������ ������������������������������������������������������������������������������', measures: '������������������������������������'},
+ {key: 'e16', name: '���������������NO������', effect: '���������������������������������������������������������������������������������������', measures: '���������������������������������(���������)������������������������������������������'}
];
private pieCharOption: any = {
@@ -89,7 +90,7 @@
graphic: [],
series: []
};
-
+ public isShow = true;
ngOnInit() {
const params = JSON.parse(sessionStorage.getItem('queryParams'));
if (!!params) {
@@ -114,7 +115,7 @@
option.yAxis.name = split[2] && split[2] !== 'null' ? '������:' + split[2] : '';
option.series = [];
option.legend.data = [];
- if (index % 2 == 0) {
+ if (index % 2 === 0) {
option.backgroundColor = 'rgba(0,0,0,0)';
} else {
option.backgroundColor = 'rgba(23,133,23,0.06)';
@@ -156,14 +157,14 @@
this.title += title[i] + timeArr[i];
}
- if ((params.type == 'month' || params.type == 'year') && res.data.sortList.length > 0) {
+ if ((params.type === 'month' || params.type === 'year') && res.data.sortList.length > 0) {
let center = ['50%', '50%'];
let left = '40%';
const length = items.length;
const alarmDatas = res.data.alarmDatas;
for (let i = 0; i < length; i++) {
this.pieCharOption.legend.data = [];
- let data = [];
+ const data = [];
this.sensorKeys.forEach(sensorKey => {
this.pieCharOption.legend.data.push(sensorKey.name);
if (alarmDatas[i]) {
@@ -173,8 +174,8 @@
});
}
});
- if (length == 2) {
- if (i == 0) {
+ if (length === 2) {
+ if (i === 0) {
center = ['25%', '50%'];
left = '15%';
} else {
@@ -189,7 +190,7 @@
center: center,
label: {
normal: {
- formatter: "{b}:{d}%"
+ formatter: '{b}:{d}%'
}
},
labelLine: {
@@ -209,16 +210,37 @@
});
}
- if (sensors.length % 2 == 0) {
+ if (sensors.length % 2 === 0) {
this.pieCharOption.backgroundColor = 'rgba(0,0,0,0)';
} else {
this.pieCharOption.backgroundColor = 'rgba(23,133,23,0.06)';
}
- const myChart = echarts.init(document.getElementById('pieChar'));
- myChart.setOption(this.pieCharOption, true);
- window.onresize = myChart.resize;
+ const myChart = echarts.init(document.getElementById('pieChar'));
+ myChart.setOption(this.pieCharOption, true);
+ window.onresize = myChart.resize;
+
+ for (let i = 0, j = res.data.sortList.length; i < j; i++) {
+ if (i < 5) {
+ for (const key in res.data.sortList[i]) {
+ const split = key.split('-');
+ this.sensorKeys.forEach(sensor => {
+ if (sensor.key === split[0]) {
+ this.resultArr.push({
+ sensorName: sensor.name,
+ monitorPointName: this.items[split[1]].mac ? this.items[split[1]].deviceName : this.items[split[1]].monitorPointName,
+ result: res.data.sortList[i][key] + '%',
+ effect: sensor.effect,
+ measures: sensor.measures
+ });
+ }
+
+ });
+ }
+ }
+ }
} else {
$('#pieChar').remove();
+ this.isShow = false;
}
}
});
--
Gitblit v1.8.0