vue 中 echarts柱状图上方表明数据

可以通过 Echarts 的 tooltip 配置项来实现，在 tooltip 中添加需要展示的数据。

具体实现方法如下：

在 Echarts 的 option 中添加 tooltip 配置项：

option = {
    ...
    tooltip: {
        trigger: 'axis',
        axisPointer: {            
            type: 'shadow'        
        }
    },
    ...
}

在 series 配置项中的每个数据项中添加 name 和 value 属性，用于展示在 tooltip 中的数据：

option = {
    ...
    series: [
        {
            name: '数据1',
            type: 'bar',
            data: [10, 20, 30, 40, 50],
            label: {
                show: true,
                position: 'top'
            }
        },
        {
            name: '数据2',
            type: 'bar',
            data: [20, 30, 40, 50, 60],
            label: {
                show: true,
                position: 'top'
            }
        }
    ]
}

在 tooltip 的 formatter 中使用 {a}、{b} 和 {c} 分别表示系列名、数据项名和数据项值，可以根据需要自定义展示格式：

option = {
    ...
    tooltip: {
        trigger: 'axis',
        axisPointer: {            
            type: 'shadow'        
        },
        formatter: '{b}<br/>{a0}: {c0}<br/>{a1}: {c1}'
    },
    ...
}

这样就可以在柱状图上方展示数据了。