将多个 Highcharts 导出为多页 PDF

Question

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

Code here: JSFiddle

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

Answer 1

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

见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>

Answer 2

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

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

将多个 Highcharts 导出为多页 PDF

Export Multiple Highcharts to Multi-page PDF

javascript

pdf

export-to-pdf

highcharts