chart should resize whether container size increases or decreases.

That happens because charts are responsive by. iframe may not resize after the container.

data.getProps(, true). You might, for example, wish to have more control over the size of your chart, which resizes automatically. These are the configuration of it, its just a random number of numbers with a cool animation. This is how the chart its written in the html This question says to destroy the data, but I dont see how it might work out since the chart element its been resized as the mouse hovers.I have a codepen link that might help: here.Configuration Options Namespace: options Important Note Detecting when the canvas size changes can not be done directly from the canvas element. I would like to remove the flickering but couldnt figure out how. Chart.js provides a few options to enable responsiveness and control the resize behavior of charts by detecting when the canvas display size changes and update the render size accordingly. I have a home page made with a resizable sidebar and a chart made with Chartjs, problem is that when I hover on the left sidebar the chart start flickers as it is trying to resize.

Chartjs resize