Question

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

Code here: JSFiddle

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

Answer 1

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

<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中，您可以设置自己的exporitng服务器并将多个图表导出为单个PDF。请参阅here

的手册

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

将多个Highcharts导出为多页PDF

2 个答案: