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

时间:2022-05-04
本文章向大家介绍echarts图表里label文字过长换行的方法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

而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方法的设置里