ECharts 移动端 tooltip 触发多个focus的bug
时间: 2023-06-19 10:05:28 浏览: 160
echarts 甘特图,tooltip 轮播
ECharts 移动端 tooltip 触发多个 focus 的 bug,是因为在移动设备上,用户触摸屏幕会触发 touchstart、touchmove 和 touchend 事件,而这些事件会触发多次 tooltip 的显示与隐藏。解决这个问题,可以通过设置 ECharts 的 touchEvents 属性来限制事件触发的次数。
具体做法是,在初始化 ECharts 实例时,通过设置 touchEvents 属性来限制触发 tooltip 的事件。例如:
```
var myChart = echarts.init(document.getElementById('main'), null, {
touchEvents: ['touchstart', 'touchmove']
});
```
这样,只有当用户触摸屏幕时,才会触发 tooltip 的显示与隐藏,避免了多次触发的问题。
阅读全文