]> git.ipfire.org Git - thirdparty/Chart.js.git/commitdiff
Update the responsive docs about resizing the parent node (#5974)
authorJanelle deMent <janelledement@gmail.com>
Sun, 13 Jan 2019 20:20:25 +0000 (16:20 -0400)
committerSimon Brunel <simonbrunel@users.noreply.github.com>
Sun, 13 Jan 2019 20:20:25 +0000 (21:20 +0100)
Add a note about resizing the chart height with maintainAspectRatio

docs/general/responsive.md

index 9c43055f8c1599a487c393bf6e74ea4cc2eb1570..a85c57bd6328d0b99f067a56f7dea8c406e1e872 100644 (file)
@@ -33,8 +33,11 @@ The chart can also be programmatically resized by modifying the container size:
 
 ```javascript
 chart.canvas.parentNode.style.height = '128px';
+chart.canvas.parentNode.style.width = '128px';
 ```
 
+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`.
+
 ## Printing Resizeable Charts
 
 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.