echarts lengend 换行

legend: {
  	type: 'scroll',
    orient: 'vertical',
    icon: 'circle',
    formatter: function (name) {
        if(name && name.length > 26){
            var str1 = name.substring(0, 26)
            var str2 = name.substring(26)
            name = str1 + "\n" + str2
        }
        return name;
    }
},

echarts lengend 换行_第1张图片
如果没有加上述的formatter 则会出现如下图的情况
name = str1 + “
” + str2 这样是不生效的
echarts lengend 换行_第2张图片

另外,可以采用如下方式处理

formatter: function (name) {
	return echarts.format.truncateText(name, 200,'14px Microsoft Yahei', '…');
}

echarts.format 有一些方法(官网未找到此对象的说明)

其中的 truncateText 在此处可以在此处进行字符串的截取
{
	addCommas: ƒ $o(t)
	capitalFirst: ƒ aa(t)
	encodeHTML: ƒ Qo(t)
	formatTime: ƒ oa(t,e,i)
	formatTpl: ƒ ta(t,e,i)
	formatTplSimple: ƒ ea(t,e,i)
	getTextRect: ƒ De(t,e,i,n,o,a,r)
	getTooltipMarker: ƒ ia(t,e)
	normalizeCssArray: ƒ L(t)
	toCamelCase: ƒ Jo(t,e)
	truncateText: ƒ Oe(t,e,i,n,o)
	__proto__: Object
}

你可能感兴趣的:(echarts,js)