自适应布局下echarts引起页面跳帧

项目上突然遇到一个问题，鼠标快速滑动有echarts画的饼图时，页面出现了跳帧。布局的高度突然发生变化然后恢复正常。高度怎么会变化呢？都是按百分比来的啊？

经过一番仔细观察，在跳帧的时候页面底部闪过了滑动条，这意味着横向有溢出。加一个overflow：hidden即可解决问题。

那么是什么引起的溢出呢？仔细观察之后便发现，

echarts图使用了legend,tooltip,在鼠标从legend快速滑向图时tooltip内容迅速改变，然而此时tooltip此时内容改变，而位置因为短暂的延迟并没有变，又因为tooltip中内容过长，导致溢出，出现滑动条。然后tooltip位置迅速调整，恢复正常，滑动条消失，从而出现跳帧。