highcharts - 使用 wkhtmltopdf 将 HTML 导出为 PDF 时，行无法正确显示

Question

我们使用 HighCharts 在 UI 上显示数据。在将所有 HTML 页面导出到 PDF 散点图线时受到干扰。我们使用 wkhtmltopdf 将 HTML 导出为 PDF。

请找附件。

Before exporting HTML page to PDF image looks like Shown in Image.

After exporting HTML page to PDF scatter line shown in Image.

Answer 1

答案与本主题相关

Highchart line renders bigger when exported to pdf using css2pdf

我在使用 mpdf60 时也遇到了这个问题，所以我就是这样解决的。

如果您使用 Highcharts.getSVG 将 enableMouseTracking 更改为 false

var chart =  $(your chart id).highcharts();
chart.options.plotOptions.line.enableMouseTracking = false;

或者你可以直接在你的图表上设置

plotOptions: {
        column: {
            stacking: 'normal', 
            enableMouseTracking: false
        },
        line: {
            enableMouseTracking: false
        }
},