echarts柱状图点击事件

在 ECharts 中，可以通过 `echartsInstance.on('click', handler)` 来监听整个图表的点击事件，而对于柱状图的点击事件，可以通过在 `series` 中配置 `itemStyle` 和 `emphasis` 来实现。具体步骤如下：

1. 在柱状图的 `series` 中配置 `itemStyle`，并设置 `cursor: 'pointer'`，使鼠标移动到柱状图上时显示为手型。

series: [{
    type: 'bar',
    data: [10, 20, 30],
    itemStyle: {
        cursor: 'pointer'
    },
    // ...
}]

2. 在柱状图的 `series` 中配置 `emphasis`，并设置 `emphasis.itemStyle` 的颜色和透明度，使鼠标点击柱状图时柱状图的颜色变化。

series: [{
    type: 'bar',
    data: [10, 20, 30],
    itemStyle: {
        cursor: 'pointer'
    },
    emphasis: {
        itemStyle: {
            color: 'rgba(255, 0, 0, 0.5)'
        }
    },
    // ...
}]

3. 监听柱状图的点击事件，可以通过 `echartsInstance.on('click', handler)` 来实现，其中 `handler` 是点击事件处理函数，可以在函数中获取到点击的数据信息。

echartsInstance.on('click', function(params) {
    if (params.componentType === 'series' && params.seriesType === 'bar') {
        console.log(params.name); // 点击的数据名称
        console.log(params.value); // 点击的数据值
    }
});

这样，当用户点击柱状图时，就会触发相应的点击事件处理函数，并可以获取到点击的数据信息。