echart的tooltip自定义换行
自定义换行,内容很长的时候
tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, textStyle:{ align:'left' }, formatter:function (params) { var newParamsName =''; var title = ''; var titleLength = params[0].name.length; var rowCount = 20; var rowNumber = Math.ceil(titleLength / rowCount); if(titleLength>rowCount){ for (var i = 0; i < rowNumber; i++) { var tempStr = ""; var start = i * rowCount; var end = start + rowCount; if (i == rowNumber - 1) { tempStr = params[0].name.substring(start, titleLength); } else { tempStr = params[0].name.substring(start, end) + "</br>"; } newParamsName += tempStr; } }else { newParamsName = params[0].name; }
//返回小圆圈和后面的数量 return (newParamsName+"</br>" +"<span style='display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:"+params[0]['color']+"'></span>"+ "汇总:"+params[0]['value']); },
效果: