echarts图表里label文字过长换行的方法

Posted 2020-10-07 李初五

在做一些图标时,有时会出现显示文字过长的问题,需要将其按照指定的字数换行,像下图这样

 

而echarts没有提供换行的方法,但是可以使用fomatter方法进行设置,代码如下

formatter: function(val) {
var strs = val.split(\'\'); //字符串数组
var str = \'\'
for(var i = 0, s; s = strs[i++];) { //遍历字符串数组
str += s;
if(!(i % 2)) str += \'\\n\'; //按需要求余
}
return str
}

成功! 此方法可以用在任何支持fomatter方法的设置里