/*
 * ============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
              }, 
            ]
          }
        }
  
        )
    }
}