From: Evert Timberg Date: Tue, 18 May 2021 12:11:17 +0000 (-0400) Subject: Add documentation note about only styling the parent div (#9115) X-Git-Tag: v3.3.0~12 X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=ccff2fd1635bf7a58a7f2c3d0e41964d1b64f8bc;p=thirdparty%2FChart.js.git Add documentation note about only styling the parent div (#9115) --- diff --git a/docs/configuration/responsive.md b/docs/configuration/responsive.md index cb96a5d65..8f2564b1d 100644 --- a/docs/configuration/responsive.md +++ b/docs/configuration/responsive.md @@ -6,6 +6,7 @@ The following examples **do not work**: - ``: **invalid** values, the canvas doesn't resize ([example](https://codepen.io/chartjs/pen/oWLZaR)) - ``: **invalid** behavior, the canvas is resized but becomes blurry ([example](https://codepen.io/chartjs/pen/WjxpmO)) +- ``: **invalid** behavior, the canvas continually shrinks. Chart.js needs a dedicated container for each canvas and this styling should be applied there. Chart.js provides a [few options](#configuration-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.