可以自己设置下鼠标悬浮时tooltip信息的显示位置,原理是上下不变,将上下位置用百分比写死,左右根据鼠标当前位置判断一下,判断鼠标指针是在左边还有右边然后返回不同的结果。
效果:
主要代码:
position: function(point, params, dom, rect, size){
// size为当前窗口大小
if((size.viewSize[0]/2)>=point[0]){
//其中point为当前鼠标的位置
return [point[0]+50,'10%'];
}else{
//其中point为当前鼠标的位置
return [point[0]-200,'10%'];
}
}
完整实例:(内有完整echarts实例)
http://www.duanlonglong.com/qdjy/1205.html Echarts鼠标悬浮时tooltip超出外层div显示不完整问题
文章出自:前端开发博客,转载清注明。