打印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