1. 点击事件(click):
option = {
series: [
{
type: 'treemap',
data: yourData,
emphasis: {
focus: 'descendant', // 设置为 'descendant' 表示点击节点时仅高亮该节点的后代节点
},
// 点击事件
emphasis: {
label: {
show: true,
},
},
events: {
click: function (params) {
console.log('点击事件', params);
},
},
},
],
};
2. 鼠标移入事件(mouseover)和鼠标移出事件(mouseout):
option = {
series: [
{
type: 'treemap',
data: yourData,
label: {
show: true,
},
// 鼠标移入事件
emphasis: {
label: {
show: true,
},
},
events: {
mouseover: function (params) {
console.log('鼠标移入事件', params);
},
mouseout: function (params) {
console.log('鼠标移出事件', params);
},
},
},
],
};
通过配置这些事件处理函数,你可以在 Treemap 中的节点上实现相应的交互。在上述代码中,params 参数包含了事件触发时的相关信息,你可以从中获取有关节点、数值等信息。
请根据你的具体需求选择并配置适当的事件。
转载请注明出处:http://www.zyzy.cn/article/detail/6272/ECharts