echarts tooltip formatter自定义

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