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
    }
},

我确实尝试过使用formatter和useHTML，但它仍然无法理解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