Query: How to capture resize event?

[ShrinivasKattimani]

Chart.js provides onResize option in the configuration, which gets invoked upon canvas resize. Do we also have a similar event getting emitted in ng2-charts?

[ha100790tag]

Did you try common event binding?
something like this:

<canvas #chart (resize)="handleResize($event)"></canvas>

[BigPackie]

<canvas #chart (resize)="handleResize($event)"></canvas>

Unfortunately the above traditional event binding does not seem to work. But I have found one solution. in the ChartOptions there is a property onResize where you can bind a callback function. Example:

public lineChartOptions: ChartOptions = {
    responsive: true,
    maintainAspectRatio: false,
    onResize: this.chartResizing,
}


 chartResizing($event: any) {
    console.log('chart resizing:', $event);
}

Official doc: https://www.chartjs.org/docs/latest/general/responsive.html