echarts中x轴文字过长换行处理和倾斜处理。

1.换行处理

axisLabel: {
    formatter: function (val) {

        console.log(val);
        var strs = val.split('');  //转化为字符串数组
        console.log(strs);
        var str = ''
            for (var i = 0, s; s = strs[i++]; ) {
                str += s;
                if (!(i % 2))     //两个字符换行
                    str += '\n'; 
            }
            console.log(str);
        return str

    }
}

2.倾斜处理

axisLabel: {
              interval:0, //坐标刻度之间的显示间隔,默认就可以了(默认是不重叠)
              rotate:38   //调整数值改变倾斜的幅度(范围-90到90)
            }

有时候明文字过长的时候文字下方被切掉了,还是显示不全,这时候需要grid属性。

 
grid: {
left: '18%',
bottom:'38%'
},

猜你喜欢

转载自blog.csdn.net/weixin_38959210/article/details/105809229