1
當我使用Hightcharts.js
4.0.1打印Highcharts
它的偉大工程圖的動態設置高度,在HTML文檔顯示然而,當需要打印時,圖表的大小比圖表的大小不同。
我該如何設置它,以便在圖表打印時,它達到頁面寬度和高度的100%?
當我使用Hightcharts.js
4.0.1打印Highcharts
它的偉大工程圖的動態設置高度,在HTML文檔顯示然而,當需要打印時,圖表的大小比圖表的大小不同。
我該如何設置它,以便在圖表打印時,它達到頁面寬度和高度的100%?
您可以使用chart.setSize()
方法beforePrint
和afterPrint
事件回調函數來更改圖表的大小,因此將整個頁面上進行打印:
chart: {
width: 1000,
height: 600,
events: {
beforePrint: function() {
this.setSize(1000, 1000);
},
afterPrint: function() {
this.setSize(1000, 600,false);
this.redraw();
}
}
},
在這裏你可以看到一個例子是如何工作的:http://jsfiddle.net/usw1hfd2/1/
這個效果很好,但是由於某種原因,在打印完成後它不會調整大小。 beforePrint函數正常工作。任何想法爲什麼會這樣?否則完美的作品。 TKU! –
我無法重現您的問題,在我的案例圖表打印後調整大小。你能提供更多關於你使用的瀏覽器的信息嗎? –
現在有效 - 對不起,有一些小錯誤謝謝! –