ECharts 移动端 图例取消然后再选中会导致对应数据项focus,怎么让tooltip不会自动让数据项focus
时间: 2023-06-19 10:05:03 浏览: 128
可以通过配置 `tooltip.triggerOn` 属性来实现,将其设置为 `'none'` 可以禁止 tooltip 绑定默认的触发事件,从而避免 tooltip 会自动让数据项 focus。
示例代码如下:
```javascript
option = {
// ...
tooltip: {
trigger: 'axis',
triggerOn: 'none', // 禁止 tooltip 绑定默认的触发事件
// ...
},
// ...
};
```
相关问题
ECharts 移动端 tooltip 触发多个focus的bug
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 的显示与隐藏,避免了多次触发的问题。
阅读全文