echarts tooltip显示遮挡

1,236 阅读1分钟

使用echarts时,当tooltip显示的内容很多,恰好鼠标悬停在特殊位置时,tooltip显示的位置未及时刷新,从而导致tooltip的内容显示不完整,

微信截图_20211014162804.png

这时需要自定义position,实时计算tooltip的位置,跟随鼠标移动,官网有提供解决办法,根据此方法优化一波

image.png

position: function (point, params, dom, rect, size) { return {top: 'center', 'left': (point[0] > dom.offsetWidth ? point[0] - dom.offsetWidth : point[0])}; }