echarts图表鼠标滑过页面抖动

问题现象:使用echarts画柱状图,当鼠标划过图表时有tooltip浮动提示,这时页面出现纵向滚动条,但马上消失,导致页面抖动。

分析:从现象看应该是tooltip导致页面抖动。

去掉tooltip后,抖动现象消失。可以确定时tooltip的问题,在网上找了一下解决方案,方案1:tooltip的属性transitionDuration设置为 0。

方案2:给上级body添加overflow:hidden;

两种方案验证后,都可以解决问题。

你可能感兴趣的:(echarts图表鼠标滑过页面抖动)