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