Gets passed two arguments: the chart instance and the new size.ĭelay the resize update by the given amount of milliseconds. The default value varies by chart type Radial charts (doughnut, pie, polarArea, radar) default to 1 and others default to 2.Ĭalled when a resize occurs. Note that this option is ignored if the height is explicitly defined either as attribute or via the style. width / height, a value of 1 representing a square canvas). Maintain the original canvas aspect ratio (width / height) when resizing.Ĭanvas aspect ratio (i.e. Resizes the chart canvas when its container does ( important note.). Chart.js needs a dedicated container for each canvas and this styling should be applied there.Ĭhart.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. : invalid behavior, the canvas continually shrinks.
height) can not be expressed with relative values, contrary to the display size ( and. Here's a common debounce floating around the net, though do look for more advanced ones as featuerd in lodash.When it comes to changing the chart size based on the window size, a major limitation is that the canvas render size ( canvas.width and. Window.addEventListener('resize',debounce(handler, delay, immediate),false)
Use a debounce function to mitigate the excess calls. The resize event should never be used directly as it is fired continuously as we resize.
0 kommentar(er)
