自适应布局下echarts引起页面跳帧出现横向滚动条

问题:自适应界面滑动,鼠标快速滑动有echarts画的饼图时,页面出现了跳帧,出现横向滚动条后又快速消失,随后界面布局恢复正常

原因:echarts图使用了legend,tooltip,在鼠标从legend快速滑向图时tooltip内容迅速改变,然而此时tooltip此时内容改变,而位置因为短暂的延迟并没有变,又因为tooltip中内容过长,导致溢出,出现滑动条。然后tooltip位置迅速调整,恢复正常,滑动条消失,从而出现跳帧
解决:在echarts图表的外层添加一个overflow:hidden即可解决问题。

你可能感兴趣的:(自适应布局下echarts引起页面跳帧出现横向滚动条)