如何阻止echarts中的legend点击事件冒泡
时间: 2023-08-26 09:07:59 浏览: 59
要阻止echarts中的legend点击事件冒泡,可以使用以下代码:
```javascript
this.dom.on('legendselectchanged', function(params) {
event.stopPropagation();
event.cancelBubble = true;
})
```
这段代码会在legend被点击时阻止事件冒泡,确保事件不会传递给其他元素。\[1\]
#### 引用[.reference_title]
- *1* [echarts点击legend时阻止事件冒泡](https://blog.csdn.net/A20190518/article/details/115128235)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [Echarts柱状图点击事件(阻止冒泡)](https://blog.csdn.net/qq_43243541/article/details/93088124)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [echarts 给legend图例加个标题式文字设置为普通文本不可点击](https://blog.csdn.net/weixin_29743373/article/details/112829578)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]