echarts.js点击节点后,该节点上出现一条竖线

ECharts.js 是一款强大的数据可视化库，它可以创建交互式的图表，包括折线图、柱状图等。如果你想在echarts的树形图或者网络图中添加节点点击事件，使得选中的节点上显示一条竖线，你可以利用ECharts提供的`graphic`元素和`hoverLink`功能。

首先，在配置项里设置`hoverLink`为true，这样当用户点击节点时，它会被高亮并且会显示链接线。然后，你需要在`series.data`中为每个节点定义一个`symbolSize`，并添加一个自定义图形`graphic`，里面包含你要显示的竖线。例如：

option = {
    series: [{
        type: 'tree',
        data: ...,
        // 设置高亮节点时的链接线
        hoverLink: true,
        // 每个节点的图标大小和自定义图形
        itemStyle: {
            normal: {
                symbol: 'circle',
                symbolSize: function (data) { return data.size + 10; },
                graphic: {
                    type: 'group', // 创建一个组
                    children: [
                        {
                            type: 'line', // 竖线
                            shape: {
                                x1: 'center',
                                y1: 'top',
                                x2: 'center',
                                y2: 'bottom',
                                lineWidth: 2 // 宽度可以根据需要调整
                            }
                        }
                    ]
                }
            }
        }
    }]
};

当用户点击节点时，节点上的竖线就会显现出来。记住，这里的示例假设你的数据结构支持`size`属性，实际应用中需替换为你需要的数据字段。