echarts的tooltip设置

用echarts做折线图,出现了hover数据点时出现了tooltip位置不正确的Bug,如图:


正常的显示应该是这样,如图:


同样的代码不一样的效果,复制粘贴渲染出来的效果还是不一样,网上也没有说明这个BUG的方法,只能使用“笨方法”,自己手动设置tooltip的样式,代码如下:

tooltip: {
trigger: 'axis',
formatter : function( params) {
var result = '';
var num;
params. forEach( function ( item, index) {
if( index == 0){
num = 11;
}
if( index == 1){
num = 31;
}
result += '<span style="display:block;margin-right:5px;border-radius:50%;width:10px;height:10px;left:5px;top:'+ num+ 'px;background-color:' + item. color + '"></span>' + " " + item. seriesName + " : " + item. value + "</br>";
});
return result;
},
padding:[ 5, 5, 5, 20]
},


猜你喜欢

转载自blog.csdn.net/Mo_zifeng/article/details/80867814