echarts 树状图取消节点点击事件

要取消 Echarts 树状图节点的点击事件，你可以在初始化 Echarts 实例的时候，设置 `series` 中的 `label` 属性的 `clickable` 属性为 `false`，示例如下：

var myChart = echarts.init.getElementById('myChart'));

var option = {
  series: [{
    type: 'tree',
    // ...
    label: {
      // ...
      clickable: false, // 取消点击节点的事件
      // ...
    },
    // ...
  }]
};

myChart.setOption(option);

这样，当用户点击节点时，就不会触发任何事件了。

相关问题

echarts 树状图关闭节点点击事件

在 ECharts 中，可以通过在树状图节点的 `emphasis` 或 `blur` 中设置 `onclick` 为空函数来关闭节点的点击事件。具体做法如下：

option = {
  series: [{
    type: 'tree',
    data: [...], // 树状图的数据
    emphasis: {
      // 高亮状态
      itemStyle: {
        opacity: 0.8,
        borderColor: 'red'
      },
      onclick: function() {} // 点击事件为空函数
    },
    blur: {
      // 失焦状态
      itemStyle: {
        opacity: 1,
        borderColor: 'gray'
      },
      onclick: function() {} // 点击事件为空函数
    },
    label: {
      show: true
    },
    leaves: {
      label: {
        show: true
      }
    },
    expandAndCollapse: true, // 允许展开/收起节点
    animationDuration: 550,
    animationDurationUpdate: 750
  }]
};

在上面的代码中，我们在 `emphasis` 和 `blur` 中都设置了 `onclick: function() {}`，将点击事件赋值为空函数，从而关闭了节点的点击事件。这样，当用户点击节点时，不会触发任何事件，也不会展开或收起子节点。

echarts 树状图 取消默认点击节点事件

要取消 echarts 树状图默认点击节点事件，可以在初始化时设置 `series` 中的 `roam` 属性为 `false`，如下所示：

option = {
  series: [{
    type: 'tree',
    roam: false, // 取消默认点击节点事件
    // ...
  }]
  // ...
};

这样就可以取消默认的点击节点事件了。如果需要自定义点击事件，可以在 `series` 中设置节点的 `onclick` 事件，例如：

option = {
  series: [{
    type: 'tree',
    roam: false, // 取消默认点击节点事件
    data: [{
      name: 'A',
      children: [{
        name: 'B',
        value: 8
      }, {
        name: 'C',
        value: 4,
        onclick: function(params) {
          // 自定义点击事件
          alert('点击了节点 C，节点值为 ' + params.value);
        }
      }]
    }]
  }],
  // ...
};

上面代码中，我们自定义了节点的点击事件。注意，在点击事件中可以通过 `params` 参数获取节点的信息，例如节点的名称和值。