打印html页面元素答案

【问题标题】：Printing html page elements打印html页面元素
【发布时间】：2016-01-12 12:11:28
【问题描述】：

我在 Highcharts 中有一个图表。当我点击打印按钮时，页面会打印出来。

如何将页面中的 html 元素（例如 H1、div、select）包含到打印输出中。

我对导出到 jpeg 等不感兴趣。

【问题讨论】：

【解决方案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

【讨论】：

是否可以在图表下方包含 HTML ？
这是可能的，因为下面的 javascript 会打印窗口中的 html（除非给定的 CSS 会在打印时忽略它）