Highcharts 导出重复的类别标签

Question

我正在生成一系列高图，然后通过 jsPDF 将它们导出为 pdf。它们在屏幕上显示良好，但是当我导出图形的图像时，它会复制 X 轴类别标签。

这是我的图表代码：

$('#chart').highcharts({
                chart: {
                    type: 'column',
                    spacingBottom: 0,
                    spacingTop: 20,
                    spacingLeft: 0,
                    spacingRight: 0
                },
                exporting: {
                    enabled: false
                },
                credits: {
                    enabled: false
                },
                title: {
                    text: null
                },
                legend: {
                    enabled: false
                },
                xAxis: {
                    categories: ['Sales Performance',],
                    labels: {
                        style: {
                            color: '#000'
                        }
                    }
                },
                yAxis: {
                    title: {
                        text: null
                    },
                    labels: {
                        format: '{value}%',
                        overflow: 'justify',
                        style: {
                            color: '#000'
                        }
                    }
                },
                plotOptions: {
                    series: {
                        stacking: 'normal'
                    }
                },
                tooltip: {
                    valueSuffix: '%'
                },
                series: [{
                    name: '% Change',
                    color: '#c0504d',
                    data: [4.5]
                }]
            });

还有一个问题示例：http://jsfiddle.net/212qb8qs/

有什么想法吗？？？

更新：

问题在于 canvg 转换 svg。感谢这条评论解决了：When using canvg to convert Highchart SVG into PNG, all text appears twice - how to solve?

Answer 1

好吧，从您的 jsfiddle 中，您可以使用 canvg 和 highcharts 来获得一个画布，然后将您获得的内容转换为 PDF。问题来自canvg，它似乎有点奇怪地处理了highcharts生成的SVG中使用的tspan（主要用于标题）。

因此，我将您重定向到我在另一个问题 here 中的答案，您将在其中找到一个肮脏的解决方案。