highcharts 5.0.14 проблема с textOverflow - PullRequest
2 голосов
/ 03 мая 2019

После обновления до Highcharts версии 5.0.14 одна из моих гистограмм с очень длинными метками, использующими textOverflow: 'ellipsis', больше не работает.Весь график обрезается справа, а слева так много пустого пространства.

Я попытался удалить следующую конфигурацию стиля оси x: textOverflow: 'ellipsis', whiteSpace: 'nowrap', и затем диаграмма хорошо отрисовалась,Но мне действительно нужен многоточие, если текст метки становится слишком длинным и не хочет его переносить.Так что это не мое идеальное решение.

Смотрите проблему в jsfiddle здесь: https://jsfiddle.net/1so3fezm/2/

Я частично могу решить проблему, указав width для меток оси xнаряду с желаемым многоточием метки как:

textOverflow: 'ellipsis', whiteSpace: 'nowrap', width: 150, но поскольку моя диаграмма может быть отображена с возможностью изменения ширины, исправление ширины меток также фиксирует ширину моей диаграммы, а это не то, что я хочу.Любая помощь приветствуется!

1 Ответ

1 голос
/ 03 мая 2019

Ваш пример активировал xAxis.labels.useHTML: true ( API ). Удаление useHTML или установка его на false, по-видимому, исправляет проблему без каких-либо дополнительных действий, поскольку вы не используете функцию HTML.

См. это обновленное JSFiddle его в использовании.

...