将多个 Highcharts 导出为多页 PDF答案

【问题标题】：Export Multiple Highcharts to Multi-page PDF将多个 Highcharts 导出为多页 PDF
【发布时间】：2015-12-13 09:37:45
【问题描述】：

我正在尝试将多个图表导出到一个 pdf 文件，每个图表将显示在不同的 pdf 页面上。

Code here:JSFiddle

您可以看到多个图表被导出，但它们都放在一个 pdf 页面上。有谁知道一种分离方法，以便将每个图表放在自己的页面上？

【问题讨论】：

标签： javascript pdf highcharts export-to-pdf

【解决方案1】：

不确定如何使用 Highcharts PDF 服务器执行您想要的操作，您可以使用 http://www.cloudformatter.com/css2pdf 服务器执行此操作，方法是格式化包含图表和周围图表的 div，并使用 div 设置分页符。

见http://jsfiddle.net/zvx6eb7e/23/

<div id="JSFiddle">
    <!-- Insert your document here -->
    <header style="display:none;margin-top:20px;"><p>Add your header</p></header>     
    <footer style="display:none"><p>Add your header</p></footer>  
    <div id="container1" style="height: 200px; width:700px"></div>
    <div style="page-break-before:always;">
      <div id="container2" style="height: 200px;  width:700px"></div>
  </div>
</div>

【讨论】：

那个小提琴在每一页上显示了你的两个图表。这不是你要求的吗？
是的，确实如此。谢谢！
谢谢！我使用 IE9 将 highcharts 导出为 PDF，我使用小提琴中的那个。 svg 正在正确呈现，但未生成图表，我收到 Internet Explorer cannot display the webpage 错误。谁能解释一下我哪里出错了？
我是 Cloudformatter 网站的所有者之一，我们不再使用 IE 9 进行测试。
在点击下载 pdf 后使用这个 wave 我被重定向到其他链接，如“export.highcharts.com”这个链接那么如何阻止这个重定向？

【解决方案2】：

在 Highcharts 中，您可以设置自己的导出服务器并将多个图表导出为单个 PDF。请参阅手册here

使用 phantomJS，您可以将 SVG 分解为页面，如相关主题：How to handle PDF pagination in PhantomJS

【讨论】：

我附上的 JSfiddle 正是如此。这是手册中的小提琴。我要问的是是否可以将生成的 pdf 拆分为多个页面，或者是否有这样做的技术。
相关主题中的链接是指将html分成页面，而不是svg。它使用 CSS 属性来打破文档中的 div。我认为不可能使用这些 CSS 属性来破坏 SVG。很高兴能以其他方式出现！