tooltip中的formatter实际上提示框浮层内容格式器,支持字符串模板和回调函数两种形式。
但是如果只有对字符串模板进行处理的话,拿不到该条数据对应的图例颜色,所以可以使用回调函数进行操作。
详情可以参考:https://echarts.apache.org/zh/option.html#tooltip.formatter
代码如下:仅供参考
tooltip: {
trigger: 'axis', // 数据项图形触发
formatter: (params) => {
let template=''
params.forEach((item,index)=>{
if(index==0) {
template = item.axisValue+"<br>"
}
if(item.seriesType === "line"){
item.value +="%"
}
template=template+item.marker + item.seriesName + " : "+item.value+"<br>"
})
return template;
},
},