Question

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

Answer 1

项目上用了Echarts图表库，但是提示框里的文字想要有高亮显示 （如图 红色字体），查了查官方文档结合实例，终于找到了解决办法。
使用tooltip的formatter内容格式器，可以通过定义函数的方式解决。
formatter: function(params, ticket, callback) {
console.log(params)
var res = '' + params[0].name;
for (var i = 0, l = params.length; i < l; i++) {
if(i == 2) {
res += '<br/><span style="color:red;">' + params[i].seriesName + ' : ' + params[i].value + '</span>';
} else {
res += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
}
}
setTimeout(function() {
// 仅为了模拟异步回调
callback(ticket, res);
}, 1000)
return 'loading';
}