Highcharts Barchart Категория Слово перерывы

Question

У меня есть горизонтальная полоса, и у меня есть текстовые метки на вертикальных осях.В немецком языке у нас есть очень длинные слова, поэтому на мобильном телефоне он иногда отображает 4/5 меток и бит диаграмм.

В HTML мы используем перенос слов со вставкой в ​​текст мягких переносов '\ u00AD'.Highcharts, однако, разбивает строки только пробелами и '-'.Есть ли невидимые символы, которые также вызывают перенос строки?

JSFiddle

xAxis: {
    categories: ['Something-Bomething-Comething', 'Something Bomething Comething', 'Kom­mu­ni­ka­tions­diens­te'],  
    labels: {
        useHTML: true
    }
},

Я пытался использовать форматтер и использовать HTML, но он все еще не понимаетПоведение html пробелов, установка ширины также не работает, так как не может разбить длинное слово.

Answer 1

Вам необходимо установить правильный стиль для word-break и text-overflow:

xAxis: {
    categories: ['Something-Bomething-Comething', 'Something Bomething Comething', 'Kommunikationsdienste'],
    labels: {
        useHTML: true,
        style: {
            'word-break': 'break-all', //break-word
            'text-overflow': 'ellipsis',
            width: '50px'
        }
    }
}

Демонстрационная версия: https://jsfiddle.net/BlackLabel/rsvjaxb8/

Справочник по API: https://api.highcharts.com/highcharts/xAxis.labels.style