关于 echart 横坐标如何换行问题

问题简述

• 今天做项目的时候引入 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;
    }
}

• 问题解决