用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]
},