Echarts鼠标悬浮时tooltip超出外层div显示不完整问题

可以自己设置下鼠标悬浮时tooltip信息的显示位置,原理是上下不变,将上下位置用百分比写死,左右根据鼠标当前位置判断一下,判断鼠标指针是在左边还有右边然后返回不同的结果。

效果:
Echarts鼠标悬浮时tooltip超出外层div显示不完整问题

主要代码:

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显示不完整问题

文章出自:前端开发博客,转载清注明。

上一篇:javascript-jQuery小技巧插件.聚焦触发不起作用


下一篇:CodeGo.net>如何使工具提示随鼠标一起移动?