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}" ,
},
- 回调函数
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>`
}
}