echart 树tree点击节点

要实现 Echarts 树状图（Tree）点击节点的功能，可以使用 Echarts 的事件监听器来捕捉节点的点击事件。具体步骤如下：

1. 首先，在 HTML 文件中引入 Echarts 的脚本文件，并创建一个容器来显示树状图。例如：

<div id="chart-container" style="width: 600px; height: 400px;"></div>

2. 在 JavaScript 文件中，使用 Echarts 初始化图表，并添加事件监听器。例如：

// 初始化图表
var chart = echarts.init(document.getElementById('chart-container'));

// 定义树状图的数据
var data = {
    name: 'Root',
    children: [
        {
            name: 'Node 1',
            children: [
                { name: 'Leaf 1.1' },
                { name: 'Leaf 1.2' }
            ]
        },
        {
            name: 'Node 2',
            children: [
                { name: 'Leaf 2.1' },
                { name: 'Leaf 2.2' }
            ]
        }
    ]
};

// 配置项
var option = {
    series: [
        {
            type: 'tree',
            data: [data],
            // 其他配置项...
        }
    ]
};

// 渲染图表
chart.setOption(option);

// 添加事件监听器
chart.on('click', function(params) {
    // 判断是否点击了节点
    if (params.dataType === 'node') {
        // 获取点击的节点数据
        var nodeData = params.data;

        // 在控制台打印节点数据
        console.log(nodeData);
    }
});

在上述代码中，我们创建了一个树状图，并设置了数据和其他配置项。然后，我们使用 `chart.on('click', ...)` 添加了一个点击事件的监听器。当点击图表中的节点时，会触发该监听器，并将节点的数据作为参数传递给回调函数。在回调函数中，你可以根据需要处理节点点击事件。

以上是一个简单的示例，你可以根据实际需求进行相应的修改和扩展。希望对你有帮助！