[Chartjs]-Usage of Chartjs in Angular2 App

by

1👍

✅

You can use npm module:

angular2-chartjs

Then you can use it like this in your module: 

import { ChartModule } from 'angular2-chartjs';

@NgModule({
  imports: [ ChartModule ]
  // ...
})
export class AppModule {
}

And in html template: 

<chart [type]="type" [data]="data" [options]="options"></chart>

Don’t forget to fill it with data 😉

1👍

Something like:

@Component({
  selector: 'my-component',
  template: `
<canvas #myChart" width="400" height="400"></canvas>
<script>
`)}
export class MyComponent {
  @ViewChild('myChart') myChart;

  ngAfterViewInit() {
    var myChart = new Chart(this.target.nativeElement, {[...]});
  }
}

Leave a comment