echarts柱状图配置点击事件

要配置 echarts 柱状图的点击事件，你需要使用 echarts 的事件监听器。下面是一个简单的示例代码，演示了如何配置柱状图的点击事件：

// 初始化柱状图实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置柱状图的数据
var option = {
    // 其他配置项...
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        // 添加点击事件
        emphasis: {
            itemStyle: {
                color: 'red'
            }
        }
    }]
};

// 将配置项设置给柱状图实例
myChart.setOption(option);

// 监听柱状图的点击事件
myChart.on('click', function(params) {
    // 在控制台输出被点击的柱状图项的索引和值
    console.log('点击了第' + params.dataIndex + '个柱状图，值为：' + option.series[0].data[params.dataIndex]);
});

在上面的示例中，我们通过 `myChart.on('click', function(params) {...})` 监听了柱状图的点击事件。当柱状图被点击时，会触发回调函数，并将参数 `params` 传递给回调函数。你可以在回调函数中处理点击事件，比如在控制台输出被点击的柱状图项的索引和值。

请注意，在 `option.series` 数组中的每个系列对象中，我们添加了 `emphasis` 属性来设置点击时的样式。这只是一个示例，你可以根据实际需求来设置点击时的样式。