echarts 树状图有一个默认点击节点事件怎么取消,自定义
时间: 2024-03-15 21:47:41 浏览: 43
echarts tree 点击节点收缩(关闭子节点)功能实现
5星 · 资源好评率100%
要 echarts 树状图默认点击节点事件,可以在初始化时设置`series`中的`roam`属性为`false`,如下所示:
```javascript
option = {
series: [{
type: 'tree',
roam: false, // 取消默认点击节点事件
// ...
}]
// ...
};
```
这样就可以取消默认的点击节点事件了。如果需要自定义点击事件,可以在`series`中设置`label`的`formatter`属性和节点的`onclick`事件,例如:
```javascript
option = {
series: [{
type: 'tree',
roam: false, // 取消默认点击节点事件
label: {
formatter: function(params) {
// 自定义节点文本
return params.name + ' (' + params.value + ')';
}
},
data: [{
name: 'A',
value: 12,
children: [{
name: 'B',
value: 8
}, {
name: 'C',
value: 4,
onclick: function(params) {
// 自定义点击事件
alert('点击了节点 C,节点值为 ' + params.value);
}
}]
}]
}],
// ...
};
```
上面代码中,我们自定义了节点的文本和点击事件。注意,在点击事件中可以通过`params`参数获取节点的信息,例如节点的名称和值。
阅读全文