ng2-charts
Chart.js logo

ng2-charts

Angular directives for Chart.js

  slack of ng2-charts   ng2-charts on stackoverflow   ng2-charts on github

Bubble Chart

<app-chart-host chartType="bubble">
  <canvas
    baseChart
    [data]="bubbleChartData"
    [options]="bubbleChartOptions"
    [legend]="true"
    [type]="bubbleChartType"
  >
  </canvas>

  <button mat-button mat-raised-button color="primary" (click)="randomize()">
    Update
  </button>
</app-chart-host>