在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层,解决方法有:
- tooltip设置反应时间
transitionDuration: 0
- 将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%
}