关闭默认节点事件后怎么自定义事件
时间: 2023-07-31 09:10:45 浏览: 78
阻止浏览器的默认事件和冒泡
在 `echarts` 树状图中,可以通过 `nodeClick` 事件来自定义节点的点击事件。
首先,需要在树状图的 `series` 中设置 `roam: true`,这样就可以关闭默认的节点事件。例如:
```javascript
const option = {
series: [{
type: 'tree',
roam: true, // 关闭默认节点事件
data: [...]
}]
};
```
然后,在 `chart.on('click', ...)` 中监听点击事件并获取节点的信息,然后进行自定义操作。例如:
```javascript
chart.on('click', params => {
if (params.componentType === 'series') {
// 点击了根节点
console.log('点击了根节点');
} else {
// 点击了子节点
const node = params.data;
console.log(`点击了节点:${node.name}`);
}
});
```
在这个示例中,我们先判断点击的是根节点还是子节点,然后根据需要进行相应的操作。您可以根据自己的需求进行修改。
阅读全文