如何在 Echarts 条形图的每个条形顶部添加自定义标签

【问题标题】：How to add custom tag on the top of each bar of Bar-charts in Echarts如何在 Echarts 条形图的每个条形顶部添加自定义标签
【发布时间】：2021-11-05 09:05:51
【问题描述】：

有没有办法实现在每个栏的顶部放置一个不是 yAxis 值的自定义标签？我在 Echarts 官网上查看了所有的条形图演示，没有一个演示满足我的需求。

【问题讨论】：

你如何生成标签，或者它对于所有栏都是静态的？
它是从后端接收到的对象动态生成的，你的回答解决了我的问题，谢谢。

标签： vue.js echarts

【解决方案1】：

label 有 formatter 选项：

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      label: {
        show: true,
        position: 'top',
        formatter: function(data){
            return 'Bar #' + (data.dataIndex+1)
        }
      },
      type: 'bar'
    }
  ]
};

【讨论】：