echarts柱形图如何加点击事件

在ECharts中添加柱状图的点击事件，你可以按照以下步骤操作：

1. 首先，在创建柱状图的时候，设置每个柱子的数据属性`data`，同时为它们指定一个唯一的标识，比如`name`。

var option = {
    xAxis: { data: ['A', 'B', 'C', 'D'] }, // 横坐标数据
    yAxis: {}, // 纵坐标配置
    series: [
        {
            name: '销量',
            type: 'bar',
            data: [5, 20, 36, 10], // 数据
            itemStyle: {
                normal: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                hover: {
                    clickable: true, // 设置柱子可点击
                    highlight: {
                        color: '#ff7f50'
                    }
                }
            },
            nameMap: { // 使用nameMap为每个柱子指定点击事件处理函数
                'A': function (params) {
                    console.log('点击了A柱');
                },
                'B': function (params) {
                    console.log('点击了B柱');
                },
                // ... 更多柱子的对应函数
            }
        }
    ]
};

2. 当用户点击柱子时，ECharts会触发对应的`nameMap`中设定的回调函数，并传递相关的参数`params`，包含了点击元素的信息。

3. 如果你想通过全局统一的方式来处理所有柱子的点击事件，可以使用ECharts的全局事件系统，如`chart.on('click', callback)`，然后在回调函数内部判断点击的是哪个系列的哪根柱子。

chart.on('click', function (params) {
    if (params.seriesIndex === 0 && params.dataIndex > -1) { // 确定是柱状图系列
        var itemName = this.data.labels[params.dataIndex]; // 获取柱子名称
        // 调用对应的点击函数
        yourCustomFunction(itemName);
    }
});