Appearance
专项答疑
图表坐标轴文字如何设置固定字数换行
图表支持通过formatter基于数据中的基础值控制其变化成一个新的值,如想要其达到每行最多n个字,超出两行时做多显示...
,实现后的代码如下,可直接拷贝函数部分内容至x轴或y轴的axisLabel中的formatter属性上实现相应功能
js
xAxis:{
axisLabel:{
formatter: value=>{
// 每一行的字数
let len = 4;
if(value.length <= len){
return value
}else if(value.length > len*2){
return value.slice(0,len) + '\n' + value.slice(len,2*len-1) + '…'
}else{
return value.slice(0,len) + '\n' + value.slice(len,2*len)
}
}
}
}