xaxis标签文本单词彼此重叠

Question

导出到图像或pdf时，如何使小提琴中的标签文本显示相同？

fiddle http://jsfiddle.net/hy5gx3v9/2/

Answer 1

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

exporting: {
  allowHTML: true
}

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

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，然后为其制作按钮。 顺便说一句，当我删除所有乱码时，它可以正常输出。