Echarts鼠标移动切换数据项时Tooltip卡顿情况优化

大家在使用Echarts的过程用，可能会碰到这样的情况，就是鼠标切换数据项过快时，鼠标hover触发的Tooltip的展示会有延迟的现象，给用户有一种很卡的感觉。特别是当页面内容较多，或者trigger为’axis’ 触发Tooltip很频繁的时候。针对这种情况，我们可以通过以下两个配置优化一下：

tooltip.enterable

该配置的含义是：鼠标是否可进入提示框浮层中，默认为false。我们通过将此项设置为true，让鼠标可以进入Tooltip浮层，当输入进入Tooltip浮层时，就不会触发其它数据项的hover事件，这样在鼠标移入Tooltip期间不会触发其它的Tooltip，从视觉上就不会有卡顿的现象

tooltip.axisPointer.animation

该配置的含义是：坐标轴指示器在变化时是否需要动画，默认为true。我们可以通过将该项设置为false。动画本身就有延迟的效果，而且会增大浏览器的渲染压力，将该项置为false也对加快Tooltip的显示和隐藏有所作用

Echarts鼠标移动切换数据项时Tooltip卡顿情况优化相关推荐

Adobe Photoshop 软件在使用文字输入功能时出现卡顿
文章目录关于使用 Adobe Photoshop 软件在使用文字输入功能时出现卡顿的应对措施问题描述:在ps软件内输入文字,电脑程序卡顿应对措施1: 在电脑底部任务栏找到输入法图标,单击鼠标右键 ...
vue + Echarts 填坑记（Echarts数据量大，导致浏览器卡顿）
最近使用vue + Echarts 实现vue项目的数据可视化功能的时候,发现随着组件的增多,组件里Echarts绘图的增多,页面操作越来越卡顿,点击数据比较大的组件时,Echarts绘图渲染页面的速 ...
ViewPager -- Fragment 切换卡顿性能优化
当ViewPager切换到当前的Fragment时,Fragment会加载布局并显示内容,如果用户这时快速切换ViewPager,即 Fragment需要加载UI内容,而又频繁地切换Fragment, ...
Ubuntu16.06 单Nvidia显卡深度学习运行时界面卡顿（刷新慢）的解决方法
关于Ubuntu单Nvidia显卡深度学习运行时界面卡顿(刷新慢)的解决方法背景我在按照本链接的第二种方法安装后,成功安装cuda 10.0与cudnn之后,在深度学习训练过程中发现了严重 ...
RK3288 USB触摸屏与USB摄像头同时使用时触摸卡顿
RK3288 USB触摸屏与USB摄像头同时使用时触摸卡顿 CPU:RK3288 系统:Android 5.1 当USB触摸屏与USB摄像头同时使用时,有时会出现触摸卡顿,看似按键按下没有弹起. ge ...
Win10电脑鼠标移动的时候会突然卡顿解决方法
Win10电脑鼠标移动的时候会突然卡顿解决方法分享.有用户在使用电脑的时候,发现鼠标移动的时候,总是会突然出现卡顿的情况,导致自己的操作受到影响.那么这个情况要怎么去进行修复呢?接下来我们一起来看看以 ...
电脑运行时经常卡顿，只需三步就可以解决这个问题
电脑运行时经常卡顿,只需三步就可以解决这个问题! 2018-08-19 18:40 来源:97视角计算机作为互联网时代不可或缺的产物,很多人在使用它的时候都会出现各种各样的问题,例如打开某个软件或者 ...
计算机卡顿cmd,电脑运行时经常卡顿？只需3步操作，就跟新买的一样流畅！
原标题:电脑运行时经常卡顿?只需3步操作,就跟新买的一样流畅! 很多时候我们遇到电脑卡顿时就会烦躁,吐槽着电脑真垃圾!而很多用户的做法无不在乎就是重装系统,其实不然,解决电脑卡顿的方法除此之外有的是好 ...
H265网页视频播放器播放H265编码录像视频文件如何减缓卡顿情况？
视频播放延时卡顿的问题从视频服务诞生以来就一直存在,即便是在技术发达的今天,延时卡顿问题仍然是不能完全解决的(不同视频流延时说明). TSINGSEE青犀视频研发团队开发的H265播放器播放录像文件时 ...

Echarts鼠标移动切换数据项时Tooltip卡顿情况优化

tooltip.enterable

tooltip.axisPointer.animation

Echarts鼠标移动切换数据项时Tooltip卡顿情况优化相关推荐

最新文章

热门文章