echarts横向柱状图顶端显示数量

ECharts是一个强大的JavaScript数据可视化库，用于创建交互式图表。如果你想在横向柱状图（也称为bar chart）上顶端显示每个柱子的具体数值，你可以通过设置`formatter`属性来实现自定义文本内容。

例如，在配置项中，找到`series`部分对应你的柱状图，然后在每个系列对象中添加`data`数组，并在每个数据点的对象中增加一个名为`value`的值。接下来，为`name`对应的`formatter`函数提供一个回调，这个回调会接收当前柱子的数据作为参数：

option = {
    xAxis: { // 横坐标轴配置
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: { // 纵坐标轴配置
        type: 'value'
    },
    series: [{
        name: '销量', // 图例名称
        type: 'bar', // 类型为柱状图
        data: [
            { value: 120, name: '产品A' }, // 每个柱子的值和名字
            { value: 150, name: '产品B' },
            { value: 80, name: '产品C' },
            { value: 190, name: '产品D' },
            { value: 60, name: '产品E' }
        ],
        formatter: function(value) { // 自定义格式化函数
            return value + ' 销量'; // 显示数字和附加文本
        }
    }]
};

在这个例子中，当你滚动条查看到每个柱子时，柱子上方会显示“销量”和相应的数值。