Echarts设置tooltip换行显示

1.字符串模板
模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等。
折线（区域）图、柱状（条形）图、K线图 : {a}（系列名称），{b}（类目值），{c}（数值）, {d}（无）

tooltip: {
	trigger: 'item',
	position: 'top',
	confine:true ,
	formatter: "{a} <br/> "+ "<div style='display:block;word-break: break-all;word-wrap: break-word;white-space:pre-wrap'>" + "{b} " + "</div>" + " <br/>{c}" ,
},
 复制

2. 回调函数

tooltip: {
  trigger: 'item',
  extraCssText: 'z-index: 9',
  position: 'top',
  formatter: function(params) {
    // 处理数据过长时，tooltip显示不全的问题
    const {marker, name, data} = params
    return `<div style="display:block;word-break: break-all;word-wrap: break-word;white-space:pre-wrap">${marker}${name} <span style="font-weight:bold;margin-left:20px;">${data}</span></div>`
  }
}复制