import { Component , OnInit } from "@angular/core" ; @ Component ( { selector : 'MyChart' , template : `
        <div style="width: 100%; height: 80%">
            <!-- <div [ng2-highcharts]="chartOptions" class="graph"></div> -->
             <!--<div [ng2-highcharts]="chartBar" class="graph"></div>-->
        </div>

    ` } ) export class MyChart implements OnInit { constructor ( ) { } chartBar = { chart : { type : 'line' } , xAxis : { categories : [ 0 , 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , 10 ] } , credits : { enabled : false } , series : [ { name : 'NC' , data : [ 7057 , 6858 , 6643 , 6570 , 6115 , 107 , 31 , 635 , 203 , 2 , 2 ] } , { name : 'OK' , data : [ 54047 , 52484 , 50591 , 49479 , 46677 , 33 , 156 , 947 , 408 , 6 , 2 ] } , { name : 'KO' , data : [ 11388 , 11115 , 10742 , 10757 , 10290 , 973 , 914 , 4054 , 732 , 34 , 2 ] } , { name : 'VALID' , data : [ 8836 , 8509 , 8255 , 7760 , 7621 , 973 , 914 , 4054 , 732 , 34 , 2 ] } , { name : 'CHECK' , data : [ 115 , 162 , 150 , 187 , 172 , 973 , 914 , 4054 , 732 , 34 , 2 ] } , { name : 'COR' , data : [ 12566 , 12116 , 11446 , 10749 , 10439 , 973 , 914 , 4054 , 732 , 34 , 2 ] } ] } ; ngOnInit ( ) { setInterval ( ( ) => { this . chartBar = { chart : { type : 'pie' } , xAxis : { categories : [ 0 , 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , 10 ] } , credits : { enabled : false } , series : [ { name : 'NC' , data : [ 7057 , 6858 , 6643 , 6570 , 6115 , 107 , 31 , 635 , 203 , 2 , 2 ] } , { name : 'OK' , data : [ 54047 , 52484 , 50591 , 49479 , 46677 , 33 , 156 , 947 , 408 , 6 , 2 ] } , { name : 'KO' , data : [ 11388 , 11115 , 10742 , 10757 , 10290 , 973 , 914 , 4054 , 732 , 34 , 2 ] } , { name : 'VALID' , data : [ 8836 , 8509 , 8255 , 7760 , 7621 , 973 , 914 , 4054 , 732 , 34 , 2 ] } , { name : 'CHECK' , data : [ 115 , 162 , 150 , 187 , 172 , 973 , 914 , 4054 , 732 , 34 , 2 ] } , { name : 'COR' , data : [ 12566 , 12116 , 11446 , 10749 , 10439 , 973 , 914 , 4054 , 732 , 34 , 2 ] } ] } ; } , 3000 ) ; } }