在节点前面加上可以点击的元素

如果你想在 ECharts 树状图的节点前面添加一个可以点击的元素，可以通过 `label.formatter` 和 `label.rich` 配置项来实现。你可以在 `formatter` 函数中返回一个包含 HTML 元素的字符串，然后在 `rich` 配置项中定义这个 HTML 元素的样式和响应事件。以下是一个示例代码：

option = {
  series: {
    type: 'tree',
    data: [
      {
        name: 'Node 1',
        children: [
          {
            name: 'Node 1-1',
            children: [
              {
                name: 'Node 1-1-1'
              },
              {
                name: 'Node 1-1-2'
              }
            ]
          },
          {
            name: 'Node 1-2',
            children: []
          }
        ]
      }
    ],
    label: {
      show: true,
      // 使用 formatter 函数来自定义标签内容
      formatter: function(params) {
        // 如果是最后一级节点，返回节点名称
        if (!params.children || params.children.length === 0) {
          return params.name;
        }
        // 否则添加一个可以点击的元素
        return '<a href="#" onclick="alert(\'' + params.name + '\')">' + params.name + '</a>';
      },
      // 使用 rich 配置项来定义元素的样式和响应事件
      rich: {
        a: {
          color: 'blue',
          cursor: 'pointer',
          // 点击事件
          onclick: function(params) {
            alert(params.value);
          }
        }
      }
    },
    // 其他配置项
  }
};

在上面的代码中，我们使用 `formatter` 函数来判断是否是最后一级节点。如果是最后一级节点，直接返回节点名称；否则，返回一个包含一个可以点击的 `<a>` 元素的字符串。在 `rich` 配置项中，我们定义了这个 `<a>` 元素的样式和响应事件。点击这个元素时，会弹出一个提示框，显示当前节点的名称。