Skip to content

Commit

Permalink
Add documentation note about only styling the parent div (#9115)
Browse files Browse the repository at this point in the history
  • Loading branch information
etimberg committed May 18, 2021
1 parent 43d3f4d commit ccff2fd
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions docs/configuration/responsive.md
Expand Up @@ -6,6 +6,7 @@ The following examples **do not work**:

- `<canvas height="40vh" width="80vw">`: **invalid** values, the canvas doesn't resize ([example](https://codepen.io/chartjs/pen/oWLZaR))
- `<canvas style="height:40vh; width:80vw">`: **invalid** behavior, the canvas is resized but becomes blurry ([example](https://codepen.io/chartjs/pen/WjxpmO))
- `<canvas style="margin: 0 auto;">`: **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.

Expand Down

0 comments on commit ccff2fd

Please sign in to comment.