自适应布局下echarts引起页面跳帧
2024-09-29 08:49:08
项目上突然遇到一个问题,鼠标快速滑动有echarts画的饼图时,页面出现了跳帧。布局的高度突然发生变化然后恢复正常。高度怎么会变化呢?都是按百分比来的啊?
经过一番仔细观察,在跳帧的时候页面底部闪过了滑动条,这意味着横向有溢出。加一个overflow:hidden即可解决问题。
那么是什么引起的溢出呢?仔细观察之后便发现,
echarts图使用了legend,tooltip,在鼠标从legend快速滑向图时tooltip内容迅速改变,然而此时tooltip此时内容改变,而位置因为短暂的延迟并没有变,又因为tooltip中内容过长,导致溢出,出现滑动条。然后tooltip位置迅速调整,恢复正常,滑动条消失,从而出现跳帧。
最新文章
- Unity需要频繁登录是什么情况
- 安卓开发第一步:Android Studio安装配置
- Python第九章模块和包(2)
- Arrays 类操作 Java 的数组排序
- MyGeneration 默认设置中没有数据库驱动
- delphi 把多个线程的请求阻塞到另一个线程 TElegantThread
- 如何基于对话框的project基于改变BCG的
- Python使用shape计算矩阵的行和列
- [Colony]RHCS集群理论
- window下nginx的常用命令
- Java stream的常见用法
- React实现了一个鼠标移入的菜单栏效果
- mysql优化(二)
- EF-一对一关系
- LRU缓存原理
- 关于try catch
- 删除iptables nat 规则
- 转:Block原理及引用循环问题
- rsync 精确同步文件用法 (转载)
- svn diff color
热门文章
- javascript中类数组转成真正的数组
- SDUT OJ 顺序表应用4:元素位置互换之逆置算法
- pycharm中设置工程
- Centos7服务器启动jar包项目最佳方式
- Android Studio 常用技巧
- 关于jstl taglib的错误 Can not find the tag library descriptor for “http://java.sun.com/jstl/core”
- DVWA1.9平台XSS小结
- centos7.4 上面 docker 启动 cAdvisor 报错问题解决
- WPF Binding的值转换器
- python从字符串内取两个符号之间的内容