echarts 树状图怎么关闭节点自带的事件,然后自定义一个点击事件
时间: 2024-03-16 07:46:43 浏览: 183
echarts tree 点击节点收缩(关闭子节点)功能实现
5星 · 资源好评率100%
要关闭节点自带的事件,可以在配置项中设置 `silent: true`,如下所示:
```javascript
series: [{
type: 'tree',
data: data,
// 其他配置项
emphasis: {
// 关闭节点自带的高亮效果
focus: 'none'
},
// 关闭节点自带的点击事件
silent: true
}]
```
然后自定义一个点击事件,可以在 `series` 中监听 `click` 事件,如下所示:
```javascript
series: [{
type: 'tree',
data: data,
// 其他配置项
emphasis: {
// 关闭节点自带的高亮效果
focus: 'none'
},
// 关闭节点自带的点击事件
silent: true,
// 监听点击事件
onclick: function (params) {
// 在这里编写自定义的点击事件逻辑
console.log(params);
}
}]
```
在 `onclick` 回调函数中,可以获取到被点击节点的信息,可以根据需要进行处理。
阅读全文