报表展示 饼图功能

xufenglei

2018-04-18 71371f81071a72eecd7d7a02ae3825943aae50d1

 src/app/routes/report/report.component.html

@@ -12,7 +12,7 @@
         <div class="t_bg">

            <img src="./assets/img/logo.png">

            

            <h1>{{title}}昆山环境监测报告</h1>

            <h1>{{title}}环境监测报告</h1>

            <div class="container">

               <div class="title">

                  <div class="title_left"></div>

@@ -24,7 +24,6 @@
                  <div class="clear_fix"></div>

               </div>

            </div>

				
            <div class="content">

               <div *ngFor="let item of items;let i = index">

                  <div class="{{i % 2 == 0 ? 'left' : 'right'}}">

@@ -34,8 +33,8 @@
                        <div class="text_t_right"></div>

                        <div class="clear_fix"></div>

                     </div>

                     <p class="text1">公司地址：{{item.monitorPointAddress}}</p>

                     <p class="text1">该公司拥有设备{{item.deviceCount}}台</p>

                     <p *ngIf="item.monitorPointId" class="text1">公司地址：{{item.monitorPointAddress}}</p>

                     <p class="text1">拥有监测设备{{item.deviceCount}}台</p>

                     <div class="clear_fix"></div>

                  </div> 

               </div>

@@ -48,6 +47,7 @@
         <div *ngFor="let i of sensorArr">

            <div id="mydiv{{i}}" style="height: 485.35px; width: 1000px"></div>

         </div>

         <div id="pieChar" style="height: 485.35px; width: 1000px"></div>

      </div>



      <div class="bg"  *ngIf="!spinning">