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