echarts 柱状图 点击不同的柱子 显示不同的数据

要实现点击不同的柱子显示不同的数据，可以通过 echarts 的事件响应机制来实现。具体步骤如下：

1. 给每个柱子设置一个自定义属性，用来存储该柱子对应的数据，例如：

series: [{
    type: 'bar',
    data: [
        {value: 10, name: 'A', customData: {name: 'A', value: 10}},
        {value: 20, name: 'B', customData: {name: 'B', value: 20}},
        {value: 30, name: 'C', customData: {name: 'C', value: 30}},
        {value: 40, name: 'D', customData: {name: 'D', value: 40}}
    ],
    itemStyle: {
        emphasis: {
            color: '#FFC107'
        }
    }
}]

2. 注册 `click` 事件，获取点击柱子时存储的自定义数据，并根据数据展示相应的内容，例如：

myChart.on('click', function (params) {
    var customData = params.data.customData;
    // 根据 customData 显示相应的内容
    console.log(customData.name, customData.value);
});

以上代码仅为示例，具体实现还需要根据实际情况进行调整。