diff options
author | 2020-02-06 13:51:45 -0500 | |
---|---|---|
committer | 2020-02-06 13:54:22 -0500 | |
commit | e3636b96e9938cb89bb90672cf70fff3ae790186 (patch) | |
tree | 89dd47a4a95150f70e83556a3280cf4cd02daf89 /ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.ts | |
parent | 35d028274a61ce8e77a9fa409877d93d0fce05a8 (diff) |
adding sdk changes
adding sdk changes
Issue-ID: PORTAL-830
Signed-off-by: Muni Mohan Kunchi <munmohan@att.com>
Change-Id: I0c99d3ab15fcf4c3b34d84658b64114dadbe2577
Diffstat (limited to 'ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.ts')
-rw-r--r-- | ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.ts | 109 |
1 files changed, 109 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.ts b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.ts new file mode 100644 index 00000000..4b7a7811 --- /dev/null +++ b/ecomp-sdk/epsdk-app-os/ngappsrc/src/app/pages/welcome-dashboard/bar-chart/bar-chart.component.ts @@ -0,0 +1,109 @@ +/* + * ============LICENSE_START========================================== + * ONAP Portal SDK + * =================================================================== + * Copyright © 2019 AT&T Intellectual Property. All rights reserved. + * =================================================================== + * + * Unless otherwise specified, all software contained herein is licensed + * under the Apache License, Version 2.0 (the "License"); + * you may not use this software except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * Unless otherwise specified, all documentation contained herein is licensed + * under the Creative Commons License, Attribution 4.0 Intl. (the "License"); + * you may not use this documentation except in compliance with the License. + * You may obtain a copy of the License at + * + * https://creativecommons.org/licenses/by/4.0/ + * + * Unless required by applicable law or agreed to in writing, documentation + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * + * ============LICENSE_END============================================ + * + * + */ + +import { Component, OnInit } from '@angular/core'; +import {Chart} from 'chart.js'; + +@Component({ + selector: 'app-bar-chart', + templateUrl: './bar-chart.component.html', + styleUrls: ['./bar-chart.component.scss'] +}) +export class BarChartComponent implements OnInit { + fixesEnhancementBarChart = []; + constructor() { } + + ngOnInit() { + this.getLineChart(); + } + + getLineChart(){ + this.fixesEnhancementBarChart = new Chart('fixes-enhancements',{ + type:'bar', + data:{ + labels:['Q1-2015','Q2-2015','Q3-2015','Q4-2015'], + datasets:[ + {label:'SAMPLE 7', + data:[88.87,98.97,37.26,71.70], + backgroundColor:'#1f77b4', + borderColor:'#1f77b4', + fill:false + }, + {label:'SAMPLE 6', + data:[11.13,15.17,19.21,75.76], + backgroundColor:'#ff7f0e', + borderColor:'#ff7f0e', + fill:false + }, + {label:'SAMPLE 5', + data:[100.00,100.00,100.00,100.00,99.99], + backgroundColor:'#3a6657', + borderColor:'#3a6657', + fill:false + }, + {label:'SAMPLE 4', + data:[11.88,12.44,44.76,76.67], + backgroundColor:'#ff2e0e', + borderColor:'#ff2e0e', + fill:false + }, + {label:'SAMPLE 3', + data:[80.69,82.42,72.36,72.90], + backgroundColor:'#ff0eef', + borderColor:'#ff0eef', + fill:false + }, + {label:'SAMPLE 2', + data:[11.74,22.31,33.15,44.16], + backgroundColor:'#ff0e5a', + borderColor:'#ff0e5a', + fill:false + }, + {label:'SAMPLE 1', + data:[95.78,97.61,97.86,98.53], + backgroundColor:'#0edbff', + borderColor:'#0edbff', + fill:false + }, + ] + } + } + + ) + } +} |