xaxis label текстовые слова перекрывают друг друга

Question

Как сделать так, чтобы текст метки в скрипте отображался одинаково при экспорте в изображение или в файл PDF?

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

Answer 1

Вам необходимо установить exporting: allowHTML: true, если вы хотите использовать элементы HTML при экспорте диаграммы.

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, а затем сделать кнопки для этого.Кстати, когда я убрал всю тарабарщину, она экспортировалась просто отлично.