Highchart导出为PDF不适用于单个A4横向页面

时间:2018-10-28 17:24:47

标签: javascript highcharts phantomjs vaadin vaadin8

我现在正在使用Vaadin Charts 4.0.5,它来自Highcharts。根据Highchart开发人员及其文档,必须指定SourceWidth和SourceHeight格式(在Number参数值中),以便以A4横向格式将图表导出为PDF。缩放比例设置为1。

这是用以下代码行编写的(起初,我使用800x600):

Exporting export = new Exporting(true);
export.setUrl("http://localhost:8080/highcharts-export-web")
export.setSourceWidth(800);
export.setSourceHeight(600);
export.setScale(1);

玩转尺寸后,我对结果感到不满意:

  • 图表未到达末尾(将宽度设置为3508,相当于A4)
  • x轴的刻度间隔未反映Web浏览器上的间隔(例如,我在Vaadin代码中将间隔设置为500,但PDF的刻度间隔为100)
  • 该图表也无法放入页面中。

注意:为简单起见,我使用的是基本折线图和条形图。

我在本地和暂存环境中安装了Highchart导出服务器的原始版本,而本地具有旧版Tomcat / Java版本的导出服务器。

我应该在哪里更改设置?

更新

尝试用示例进行仿真-在JSFiddle和本地highchart服务器中,它的行为有所不同。

  1. JSFiddle here中的示例。
  2. 样本附加的PDF输出不适合页面PDF Output doesn't fit in one page
  3. highchart-convert.js的香草版本(github版本here

更新2:

  1. 使用公共export.highcharts.com服务器以PDF输出(代码中的export.setURL行已被注释掉): enter image description here

0 个答案:

没有答案