echarts图表鼠标滑过页面抖动

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 各种实例:https://echarts.apache.org/examples/zh/index.html[ht...
    Cute_小肥鸡阅读 5,195评论 0 1
  • 下面是挑选出的9个 JavaScript 图表库: Chart.js Chartist FlexChart Ech...
    zhangxuepeng阅读 10,450评论 0 5
  • 由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件。一开始想在网上找一...
    小怪兽出没_86e0阅读 4,889评论 0 2
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 12,755评论 28 53
  • 人工智能是什么?什么是人工智能?人工智能是未来发展的必然趋势吗?以后人工智能技术真的能达到电影里机器人的智能水平吗...
    ZLLZ阅读 9,409评论 0 5

友情链接更多精彩内容