gerrit.onap Code Review - portal/sdk.git/blob

   1 /*
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal SDK
   4  * ===================================================================
   5  * Copyright © 2019 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  *
  37  */
  38
  39 import { Component, OnInit } from '@angular/core';
  40 import {Chart} from 'chart.js';
  41
  42 @Component({
  43   selector: 'app-pie-chart',
  44   templateUrl: './pie-chart.component.html',
  45   styleUrls: ['./pie-chart.component.scss']
  46 })
  47 export class PieChartComponent implements OnInit {
  48
  49   userFeedbackRootCausePieChart = [];
  50   constructor() { }
  51
  52   ngOnInit() {
  53     this.getPieChart();
  54   }
  55
  56
  57   getPieChart(){
  58     this.userFeedbackRootCausePieChart = new Chart('fb-root-causes',{
  59       type:'doughnut',
  60       options:{
  61         responsive:true,
  62         title:{
  63           display:false,
  64           text:'ENMT USer Feedback Root Cause Analysis in 2019'
  65         },
  66         legend:{
  67           position:'right'
  68         }
  69       },
  70
  71       data:{
  72         labels:['AGPS','OTDOA','CELL_ID',
  73                  'ECID','UNKNOWN','RTT','DBH'],
  74         datasets:[
  75           {label:'Root Causes',
  76             data:[17888,131,40,786,1404,1173,95],
  77             backgroundColor:["red","orange","yellow","green","blue","#1f77b4","#77b41f"]
  78
  79           }
  80         ]
  81       }
  82     }
  83
  84     )
  85 }
  86
  87 }