Skip to content

Commit 352e53a

Browse files
janelledementsimonbrunel
authored andcommitted
Update the responsive docs about resizing the parent node (#5974)
Add a note about resizing the chart height with maintainAspectRatio
1 parent f3dd967 commit 352e53a

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

docs/general/responsive.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,11 @@ The chart can also be programmatically resized by modifying the container size:
3333

3434
```javascript
3535
chart.canvas.parentNode.style.height = '128px';
36+
chart.canvas.parentNode.style.width = '128px';
3637
```
3738

39+
Note that in order for the above code to correctly resize the chart height, the [`maintainAspectRatio`](#configuration-options) option must also be set to `false`.
40+
3841
## Printing Resizeable Charts
3942

4043
CSS media queries allow changing styles when printing a page. The CSS applied from these media queries may cause charts to need to resize. However, the resize won't happen automatically. To support resizing charts when printing, one needs to hook the [onbeforeprint](https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeprint) event and manually trigger resizing of each chart.

0 commit comments

Comments
 (0)