echarts柱状图设置label显示文字

你可以使用 `label` 属性来设置柱状图上的标签文本。以下是一个示例代码：

var option = {
  xAxis: {
    type: 'category',
    data: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    data: [20, 50, 30, 80, 40],
    type: 'bar',
    label: {
      show: true,
      position: 'top',
      formatter: '{c}%' // 标签文本格式化函数，这里显示数值并添加百分号
    }
  }]
};

// 使用指定的配置项和数据显示图表
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption(option);

在上面的示例中，我们在 `series` 中设置了 `label` 属性，并将 `show` 属性设置为 `true`，表示显示标签文本。然后设置了 `position` 属性为 `top`，表示在柱状图的顶部显示标签文本。最后，我们使用了 `formatter` 属性来设置标签文本的格式化函数，这里将数值转化为百分数并显示在柱状图上方。

如果你需要更加复杂的标签格式化，可以使用 JavaScript 的模板字符串来实现。例如：

label: {
  show: true,
  position: 'top',
  formatter: '{b}: {c} ({d}%)' // 使用模板字符串，显示类别名称、数值和百分比
}

在这个示例中，我们使用了模板字符串 `{b}: {c} ({d}%)` 来设置标签文本格式化函数，其中 `{b}` 表示类别名称，`{c}` 表示数值，`{d}` 表示百分比。