echart的tooltip formatter的用法

Posted 2023-03-17

参考技术A tooltip:
trigger: "axis",
// formatter: 'b0
' +
// 'a0:c0
' +
// 'a1:c1
' +
// 'a2:c2%
' // 显示百分比
formatter: function (params)
let tip = "";
if(params != null && params.length > 0)
for(let i =0; i < params.length; i++)
tip += params[i].seriesName + ":" + params[i].value + "</br>"
if(i == 2)
tip = params[0].seriesName + ":" + params[0].value + "</br>" +
params[1].seriesName + ":" + params[1].value + "</br>" +
params[2].seriesName + ":" + params[2].value + "%</br>"



return tip;
,
,

echarts tooltip 自定义formatter怎么设置颜色

官方文档里面好像没有这个API

默认的tooltip不是canvas而是div;

所以直接在formatter里面添加span设置好颜色就可以了

tooltip:
trigger: 'axis',
formatter: '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#ff6f0b"></span>
参考技术A 官方文档里面好像没有这个API

默认的tooltip不是canvas而是div;

所以直接在formatter里面添加span设置好颜色就可以了

tooltip:
trigger: 'axis',
formatter: '<span style="本回答被提问者采纳