如何将 HighCharts 中的多个图表导出到一个文件（png、jpeg、pdf）答案

【问题标题】：How to export multiple charts in HighCharts to one file (png, jpeg, pdf)如何将 HighCharts 中的多个图表导出到一个文件（png、jpeg、pdf）
【发布时间】：2016-08-05 12:30:15
【问题描述】：

我有一个要求，我应该将多个 highcharts 导出到一个文件中（png、jpeg、pdf）。下图显示了我的 2 个饼图。（可能有多个图表）。我想要一个按钮，它给我的输出与上面的 png、jpeg 和 pdf 图像完全相同。

仅供参考，我浏览了以下参考资料，但似乎没有用。

http://www.highcharts.com/docs/getting-started/frequently-asked-questions#export-multiple
http://jsfiddle.net/highcharts/gd7bB/

提前致谢。

【问题讨论】：

如果你用你需要的所有图表构建一个 HTML 页面，那么有一些工具可以将 HTML 转换为图像，例如phantomJS with the rasterize script.
在这里您可以找到如何将多个图表导出到一个 pdf/图像的信息：highcharts.com/docs/getting-started/… 您也可以查看这个 SO 主题：stackoverflow.com/questions/38439310/…
不，没有帮助。链接pastebin.com/9CbQkiNa 导出空白图片。
没有帮助吗？你可以说得更详细点吗？这是一个已经被多次询问和回答的问题，并且有有效的解决方案（比如上面“没有帮助”的问题）。做一些搜索已经放在那里的其他解决方案。 (google.com/…) 同时，来个演示问题的小提琴怎么样？

标签： javascript jquery svg highcharts

【解决方案1】：

此页面使用我们的外部服务器将 Highcharts 格式化为 PDF。

查看http://www.cloudformatter.com/CSS2Pdf.SVGCharts.HighCharts 并选择“下载”...“作为 PDF”。

还有图像格式。要设置的文档在这里：

http://www.cloudformatter.com/CSS2Pdf.APIDoc.Usage

注意：我是该软件的贡献者之一。

【讨论】：

依赖关系如何？如果某些参数更改/更新怎么办？
它通过在客户端中按原样抓取 svg 来发挥作用。因此，只要您的动态步骤已执行，它就会呈现该结果。
我在按钮点击下载'png'时这样写：---- return xepOnline.Formatter.Format('container', { render: 'download', mimeType: 'image/png ', 文件名: fName, pageWidth: '420mm', pageHeight: '297mm' }); ---但我得到的输出是“.pdf”这是一个问题吗？？？
for 'render' ... 下载暂时不支持图片，必须使用newwin或者embed
哦，好吧。但这将是一个问题，我需要在“newWin”的情况下允许“弹出窗口阻止程序”。有什么选择吗？