echarts tooltip 自定义formatter怎么设置颜色
答案:1 悬赏:0
解决时间 2021-02-08 21:53
- 提问者网友:美人如花
- 2021-02-07 21:53
echarts tooltip 自定义formatter怎么设置颜色
最佳答案
- 二级知识专家网友:一身浪痞味
- 2021-02-07 22:15
项目上用了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 + params[i].seriesName + ' : ' + params[i].value + '</span>';
} else {
res += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
}
}
setTimeout(function() {
// 仅为了模拟异步回调
callback(ticket, res);
}, 1000)
return 'loading';
}
使用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 + params[i].seriesName + ' : ' + params[i].value + '</span>';
} else {
res += '<br/>' + params[i].seriesName + ' : ' + params[i].value;
}
}
setTimeout(function() {
// 仅为了模拟异步回调
callback(ticket, res);
}, 1000)
return 'loading';
}
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯
• 手机登qq时,显示手机磁盘不足,清理后重新登 |
• 刺客的套装怎么选啊? |