UNPKG

chartjs-ng2

Version:

Reactive, responsive, beautiful charts for Angular2 based on Chart.js

23 lines (19 loc) 760 B
<div class="col-md-6"> <canvas baseChart [data]="lineChartData" [labels]="lineChartLabels" [chartType]="lineChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)"></canvas> </div> <div class="col-md-6"> <canvas baseChart [data]="pieChartData" [labels]="pieChartLabels" [chartType]="pieChartType" (chartHover)="chartHovered($event)" (chartClick)="chartClicked($event)"></canvas> </div> <div class="col-md-12 text-center" style="margin-top: 10px;height: 50%"> <button (click)="randomizeType()" style="display: inline-block">Toggle</button> </div>