echarts.js点击节点后呈现被选中的状态

在ECharts.js中，为了实现节点被点击后呈现出选中的状态，通常可以在数据可视化元素上添加鼠标交互事件，如点击事件(`click`)。下面是一些建议的做法：

1. **选择标记**：对于柱状图、饼图或地图这类支持选区的图表，ECharts本身就有提供`select`和`unSelect`事件，你可以通过这些事件管理选中状态。比如，给柱子添加点击事件，并在触发时更改柱子的样式来表示选中。

chart.on('select', function(params) {
    const selectedData = params.selected[0].data; // 获取选中的数据点
    if (selectedData) {
        // 更新选中的柱子颜色或边框样式
        chart.dispatchAction({
            type: 'highlight',
            seriesIndex: 0, // 根据实际情况替换seriesIndex
            dataIndex: selectedData.index // 数据索引
        });
    } else {
        chart.dispatchAction({
            type: 'unselect'
        });
    }
});

2. **自定义样式**：如果你需要更精细的控制，可以在数据模型上添加一个`selected`字段，然后在渲染时根据此字段显示不同样式。例如在散点图中：

option.series[0].data.forEach(item => {
    item.selected = false;
});

chart.on('click', function(dataItem) {
    dataItem.selected = !dataItem.selected; // 双向切换
    chart.setOption(option);
});

这会在点击后切换点的`selected`状态，进而改变其视觉效果。