在echarts中,当柱状图等X轴名字过长时,鼠标悬浮显示不全,这时候就需要将tooltip换行显示,具体实现如下:
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
formatter: function(params) {
var name = params[0].name
if (name.length > 30) {
name = name.replace(/(.{30})/g, '$1<br>') // 每 30 个字符添加一个换行符
}
var content = name + '<br>'
params.forEach(function(item) {
content += item.seriesName + ': ' + item.value + '<br>'
})
return content
}
},
可根据自己的需求进行相应更改