Highcharts x轴标签文字换行在设置标签步骤时丢失

Highcharts x轴标签文字换行在设置标签步骤时丢失,highcharts,Highcharts,我在X轴上的Highcharts标签包装有问题。在设置 标记步骤属性,如下面的链接所示 正确: 不正确: })) 当xAxis.labels.step设置为其默认空值时,将完成文本换行。 请建议在为标签步骤指定数值时保持包装的方法 谢谢这有点麻烦,但是您可以使用格式化程序将名称中的每个空格替换为: labels: { step: 1, formatter: function () { return this.value.replace(/ /g, '<br

我在X轴上的Highcharts标签包装有问题。在设置 标记步骤属性,如下面的链接所示

正确:

不正确:

}))

当xAxis.labels.step设置为其默认空值时,将完成文本换行。 请建议在为标签步骤指定数值时保持包装的方法


谢谢

这有点麻烦,但是您可以使用
格式化程序将名称中的每个空格替换为

labels: {
    step: 1,
    formatter: function () {
        return this.value.replace(/ /g, '<br />');
    }
}
标签:{
步骤:1,
格式化程序:函数(){
返回此.value.replace(//g,
); } }
这并不完全是您想要的,因为它不会根据刻度之间的可用空间分割名称,但是您可以改进格式化程序以更好地满足您的需要(例如,按给定的n个字符分割,而不是按空格分割)


看到它正在运行。

您可以对labales使用宽度参数:


你看到@SebastianBochan的答案了吗?我认为它比我的好。那么非英语文本呢?比如说,中文,没有空格,这不起作用。检查:上面的非英语文本链接之间没有空格,所以没有包装。
labels: {
    step: 1,
    formatter: function () {
        return this.value.replace(/ /g, '<br />');
    }
}
labels: {
            style:{
                width:'50px',
            },
            step: 1
        }