Question

我们有一些用户图表。当使用标准的highcharts导出工具时，我们会遇到布局和字体大小问题：一半的标签丢失，字体大小和布局超出尺寸。我已经读过有关在导出设置中更改字体大小的信息，但是当我这样做时，我们松开了自定义标签，将它们替换为数字。

用户希望导出所见即所得。

这里是小提琴的链接：

`https://jsfiddle.net/spencerplanton/nd8ko93y/17/`

这是从一个相当复杂的动态图表应用程序中删除的，因此对任何冗长/冗余的代码表示歉意。

在真实的应用程序中，我们填充来自AJAX调用的数据，并允许用户在数据集之间交换，并允许用户使用我们的自定义按钮以饼图，条形图或折线图的形式查看数据。还可以使用向下钻取。我已经修剪了ajax数据代码，并用静态数据替换了它，但是保留了动态图表类型的交换代码和按钮。没有这些，就无法测试任何提示/解决方案/建议是否适用于不同的图表类型和动态内容/标签。生产一个特定迭代的过于简化的测试集可能会导致只适合那种情况的解决方案。

对格式化PDF导出标签的任何帮助将不胜感激。

Answer 1

这是因为Highcharts无法检测到容器的宽度。

我建议将sourceHeight和sourceWidth设置为更大的值。

  exporting: {
    enabled: true,
    sourceWidth: 1200,
    sourceHeight: 600
 },

请参阅demo，现在该图表在PDF中看起来要好得多。

API：https://api.highcharts.com/highcharts/exporting.sourceWidth

Highcharts-PDF导出格式问题。字体大小等

1 个答案: