From ccff2fd1635bf7a58a7f2c3d0e41964d1b64f8bc Mon Sep 17 00:00:00 2001 From: Evert Timberg Date: Tue, 18 May 2021 08:11:17 -0400 Subject: [PATCH] Add documentation note about only styling the parent div (#9115) --- docs/configuration/responsive.md | 1 + 1 file changed, 1 insertion(+) 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. -- 2.47.3