From 9a0117ad492d2c02c4be5f3488f0d8d255fe5aa9 Mon Sep 17 00:00:00 2001 From: Evert Timberg Date: Sun, 21 Jan 2018 16:46:28 -0500 Subject: [PATCH] Responsive printing docs (#5167) --- docs/general/responsive.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/docs/general/responsive.md b/docs/general/responsive.md index bf8e8fa7a5f..f410826b84f 100644 --- a/docs/general/responsive.md +++ b/docs/general/responsive.md @@ -33,3 +33,15 @@ The chart can also be programmatically resized by modifying the container size: ```javascript chart.canvas.parentNode.style.height = '128px'; ``` + +## 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. + +```javascript +function beforePrintHandler () { + for (var id in Chart.instances) { + Chart.instances[id].resize() + } +} +```