解决Echarts tooltip无法换行问题

第一种

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

第二种

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: {
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}" ,
},