XAXIS 标签文本单词相互重叠

Question

如何使小提琴中的标签文本在导出为图像或pdf时以相同的方式显示？

fiddlehttp://jsfiddle.net/hy5gx3v9/2/

Answer 1

如果要在导出图表时使用HTML元素，则需要设置exporting: allowHTML: true。

exporting: {
allowHTML: true
}

将xAxis.labels.style.textOverflow设置为等于none。 设置上述内容后，您还可以删除xAxis.labels.formatter返回字符串中的style属性：

labels: {
align: 'right',
useHTML: true,
formatter: function() { //use formatter                                   
return '<span class="qTitle">' + this.value + '</span>';
},
style: {
textOverflow: 'none',
}
},

现场示例：http://jsfiddle.net/song62xr/

API 参考：https://api.highcharts.com/highcharts/exporting.allowHTML

亲切问候！

Answer 2

据我所知，你不能，但是，最好的方法是自己制作图像和pdf，然后为它制作按钮。 顺便说一句，当我删除所有胡言乱语时，它导出得很好。