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