2016-09-14 45 views
1

當我使用Hightcharts.js 4.0.1打印Highcharts

它的偉大工程圖的動態設置高度,在HTML文檔顯示然而,當需要打印時,圖表的大小比圖表的大小不同。

我該如何設置它,以便在圖表打印時,它達到頁面寬度和高度的100%?

回答

1

您可以使用chart.setSize()方法beforePrintafterPrint事件回調函數來更改圖表的大小,因此將整個頁面上進行打印:

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/

+0

這個效果很好,但是由於某種原因,在打印完成後它不會調整大小。 beforePrint函數正常工作。任何想法爲什麼會這樣?否則完美的作品。 TKU! –

+0

我無法重現您的問題,在我的案例圖表打印後調整大小。你能提供更多關於你使用的瀏覽器的信息嗎? –

+0

現在有效 - 對不起,有一些小錯誤謝謝! –