问题简述
- 今天做项目的时候引入 echart 发现横坐标字数多了就会掩盖旁边的坐标,如图所示
- 需要正确显示每一个横坐标,我就要让它超过2个字开始换行
解决方法
- 在 X 轴,即
xAxis:{}
里的axisLabel:{}
加入以下代码即可
// val 打印出来是 data 里的字符串
formatter(val) {
// 当字符串长度超过2时
if(val.length > 2){
// 把字符串分割成字符串数组
const array = val.split('')
//在下标2处删除0个,加上回车
array.splice(2, 0, '\n');
return array.join('')
}else{
return val;
}
}
- 问题解决