echart如何在标签上增加百分比

要在 EChart 的标签上增加百分比，可以使用 `formatter` 属性来自定义标签内容。下面是一个简单的例子：

option = {
  series: [{
    data: [25, 50, 75],
    type: 'bar',
    label: {
      show: true,
      position: 'top',
      formatter: '{c}%'
    }
  }]
};

在上面的例子中，我们设置了一个柱状图，每个柱子的高度分别为 25、50 和 75。然后，我们在标签中使用了 `{c}%` 的格式化字符串，其中 `{c}` 表示当前数据项的值，后面的 `%` 表示百分号。这样，就可以在每个柱子的顶部显示相应的百分比了。

如果需要对百分比的显示进行更加详细的控制，可以使用 EChart 中的格式化函数。例如，可以使用 `axisLabel.formatter` 来控制坐标轴标签的显示格式，例如：

option = {
  xAxis: {
    data: ['A', 'B', 'C'],
    axisLabel: {
      formatter: function(value, index) {
        var data = [25, 50, 75];
        return data[index] + '%';
      }
    }
  },
  series: [{
    data: [25, 50, 75],
    type: 'bar',
    label: {
      show: true,
      position: 'top',
      formatter: '{c}%'
    }
  }]
};

在上面的例子中，我们使用了 `axisLabel.formatter` 来自定义坐标轴标签的显示格式。在格式化函数中，我们通过 `index` 参数获取当前标签的索引，然后通过 `data` 数组获取对应的百分比数据，最后将百分比和 `%` 符号连接起来作为标签的内容。这样，就可以在坐标轴的标签上显示相应的百分比了。