echarts 的 tooltip 内容换行显示


 方案一:

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

方案二:

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

方案三:

直接在你需要换行的标签后面加上

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