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

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