在echarts使用过程中，经常会使用到tooltip作为提示信息，以柱形图为例
在开发过程中，遇到了tooltip中内容过长，导致显示出屏幕外的问题。
由于tooltip不会自动换行，所以需要用到formatter自定义使其换行
代码如下：
tooltip: {trigger: 'axis', axisPointer: {type: 'shadow', shadowStyle: {color: 'rgba(0,0,0,0)'}},
formatter: function(value: string): string {
let ret: string = '';
const maxLength: number = 20;
const valLength: number = value[0]['name'].length;
const rowN: number = Math.ceil(valLength / maxLength);
if (rowN > 1) {
for (let i: number = 0; i < rowN; i++) {
let temp: string = '';
const start: number = i * maxLength;
const end: number = start + maxLength;
temp = '<br>' + value[0]['name'].substring(start, end);
ret += temp;
}
return value[0]['seriesName'] + ret + ':' + value[0]['value'];
} else {
return `${value[0]['seriesName']}<br>${value[0]['name']} : ${value[0]['value']}`;
}
}}
其中换行尝试使用了 '\n'，发现并不起作用，在前后增加空格也无法实现换行。
最终选择了添加
标签
在使用formatter的过程中 ，可以将传递进来的参数在控制台打印，方便查看其数据结构。
