js echarts柱形图如何加点击事件

在ECharts中添加柱状图的点击事件，你可以通过配置series的对象中的data属性，并且设置每个数据项的`itemStyle`部分，包括`emphasis`状态下的样式。在这里，`emphasis`通常用于定义鼠标悬停或点击时的效果。

以下是一个简单的例子：

var option = {
    xAxis: { // x轴配置
        data: ['A', 'B', 'C', 'D', 'E'] // 标签数据
    },
    yAxis: {}, // y轴配置
    series: [{
        name: '销量', // 系列名称
        type: 'bar', // 柱状图类型
        data: [5, 20, 36, 10, 10], // 数据数组
        itemStyle: { // 设置点击样式
            normal: { // 正常状态下
                color: '#ff0000' // 颜色
            },
            emphasis: { // 突出显示状态（点击后）
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};

// 初始化图表并绑定点击事件
myChart.on('click', function (params) {
    console.log('点击了第', params.seriesIndex, '项，值为', params.value);
});

在这个示例中，当你点击柱子时，会打印出被点击的柱子对应的系列索引和数值。记得先初始化ECharts实例`myChart`。