您现在的位置:首页 >> 前端 >> 内容

Echartstooltip自定义formatter设置字体颜色

时间:2017/3/2 9:59:00 点击:

  核心提示:Echartstooltip自定义formatter设置字体颜色,项目上用了Echarts图表库,但是提示框里的文字想要有高亮显示 (如图 红色字体),查了查官方文档结合实例,终于找到了解决办法。使用...

Echartstooltip自定义formatter设置字体颜色,项目上用了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 += '
' + params[i].seriesName + ' : ' + params[i].value + '';
                              } else {
                                res += '
' + params[i].seriesName + ' : ' + params[i].value;
                              }
                              
                            }
                            setTimeout(function() {
                                // 仅为了模拟异步回调
                                callback(ticket, res);
                            }, 1000)
                            return 'loading';
                        }

 

Echartstooltip自定义formatter设置字体颜色

可以把以上代码复制到官网实例区看效果 https://echarts.baidu.com/echarts2/doc/example/tooltip.html

Tags:EC CH HA AR 
作者:网络 来源:简析的博客