打印html頁面元素

Question

我在Highcharts中有一個圖表。當我點擊打印按鈕時，頁面會打印它應該如何處理。

如何將html元素（例如H1，div，select）從頁面包含到打印輸出中。

我不感興趣出口爲JPEG等

Answer 1

你可以一個新字段添加到導出按鈕，將使用JS功能window.print()打印整個頁面：

Highcharts.getOptions().exporting.buttons.contextButton.menuItems.push({ 
    text: 'Print Full Page', 
    onclick: function() { 
     window.print(); 
    } 

你還可以使用CSS媒體查詢相結合，以刪除不希望打印的HTML：

@media print { 
    … 
} 

演示：http://jsfiddle.net/3GNZC/78/

如果你有興趣在打印一氣呵成多個圖表，這個環節可能會感興趣：Highcharts: "Print all" button