echarts hover问题

在echarts的tooltip中的position设置 

tooltip:{
    position: function(point, params, dom, rect, size){
        var x = point[0];
        var y = point[1];
        return [x,y];
    }
}

有时候echarts地图的hover样式（是指emphasis不是tooltip没了）会失效，发生这个的主要原因是鼠标碰到了tooltip层，解决方法有：

1. tooltip设置反应时间

   transitionDuration: 0

2. 将position的区域调远一些，最好地图外

   position: function(point, params, dom, rect, size){
       var x = point[0] + 50;
       var y = point[1] - 30;
       return [x,y];
   }

   再将tooltip的formatter样式调回来

return "<div class='map-hover-tooltip'>...</div>"

.map-hover-tooltip{
    margin-left: 100%;
    margin-right: -100%
}