站内搜索:
首页 >> 前端 >> 内容
Echartstooltip自定义formatter设置字体颜色

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

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

  • 上一篇:jQuery点击松开切换css样式及切换背景图
  • 下一篇:vue不能全局访问的处理办法
  • 返回顶部