echarts柱状图上面显示当前数据

ECharts是一款开源的图表库，可以用于展示数据和进行数据可视化。在ECharts的柱状图中显示当前数据通常涉及以下几个步骤：

1. 准备数据：首先需要准备你要展示的数据集合，这些数据通常以数组的形式存在。

2. 初始化ECharts实例：在HTML页面上准备一个容器元素，然后使用JavaScript初始化ECharts实例，并指定容器。

3. 设置系列（Series）：在ECharts的配置中，添加柱状图的系列，并将之前准备的数据与之关联。

4. 显示数据标签：通过配置项`label`来设置数据标签，让柱状图上的每个柱子显示对应的数据值。`label`属性中可以设置`show`为`true`来显示标签，以及设置其他属性如`position`来定义标签的位置。

5. 使用事件更新数据标签：当需要根据用户的交互（比如鼠标移动到柱子上）来更新当前数据显示的数值时，可以利用ECharts提供的事件系统。例如，可以在`tooltip`的`formatter`函数中或是在`itemStyle`的`emphasis`属性中来更新和显示当前的数值。

下面是一个简单的示例代码，展示如何在ECharts柱状图上显示当前数据：

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    xAxis: {
        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20],
        label: {
            show: true,
            position: 'inside'
        }
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

// 例如，通过添加事件监听来更新数据标签
myChart.on('mouseover', function (params) {
    // 鼠标移动到柱子上的事件
    myChart.setOption({
        series: [{
            label: {
                show: true,
                position: 'top',
                formatter: params.dataLabel
            }
        }]
    });
});

在实际使用中，你可能需要根据实际的交互逻辑来编写更复杂的事件处理代码，以实现更丰富的数据展示效果。