echarts 的 tooltip 内容换行显示

 方案一：

tooltip: {
  show: true,
  trigger: 'item',
  formatter: function(params) {
    return `<div style="display:block;max-width: 200px;word-break: break-all;word-wrap: break-word;white-space:pre-wrap">${params.data.name}</div>`
  }
}

方案二：

tooltip: {
  show: true,
  trigger: 'item',
  extraCssText: 'max-width:200px; white-space:pre-wrap',
  formatter: function(params) {
    return `<div>${params.data.name}</div>`
  }
}

方案三：

直接在你需要换行的标签后面加上 <br/>

tooltip: {
  show: true,
  trigger: 'item',
  formatter: function(params) {
    return `<span>${params.data.name}</span><br/><span>${params.data.title}</span>`
  }
}