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