Highcharts导出重复的类别标签
我正在生成一系列的图表,然后通过jsPDF将它们导出为pdf。它们在屏幕上显示得很好,但当我导出图形的图像时,它会复制X轴类别标签 以下是我的图表代码:Highcharts导出重复的类别标签,highcharts,export,jspdf,Highcharts,Export,Jspdf,我正在生成一系列的图表,然后通过jsPDF将它们导出为pdf。它们在屏幕上显示得很好,但当我导出图形的图像时,它会复制X轴类别标签 以下是我的图表代码: $('#chart').highcharts({ chart: { type: 'column', spacingBottom: 0, spacingTop: 20,
$('#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]
}]
});
这个问题的一个例子是:
有什么想法吗
更新:
问题在于canvg转换svg。由于以下评论,问题得以解决:好吧,从JSFIDLE开始,您可以使用canvg和highcharts来获得画布,然后将得到的内容转换为PDF。问题来自canvg wich,它似乎有点奇怪地处理了highcharts(主要用于标题)生成的SVG中使用的tspan
所以我把你们引向我在另一个问题中的答案,在那里你们会找到一个肮脏的解决办法 看看这个:谢谢Ondkloss,这就解决了。谢谢Loufylouf。Ondkloss告诉我你的答案,这就解决了。非常感谢!