highcharts条形图中如何在每个条形上显示数字和百分比

要在每个条形上显示数字和百分比，可以使用Highcharts的数据标签功能。以下是如何在条形图中显示数字和百分比的示例代码：

Highcharts.chart('container', {
  chart: {
    type: 'bar'
  },
  title: {
    text: 'Bar Chart with Data Labels'
  },
  xAxis: {
    categories: ['A', 'B', 'C', 'D', 'E']
  },
  yAxis: {
    title: {
      text: 'Value'
    }
  },
  plotOptions: {
    bar: {
      dataLabels: {
        enabled: true,
        format: '{point.y} ({point.percentage:.1f}%)'
      }
    }
  },
  series: [{
    name: 'Data',
    data: [5, 10, 15, 20, 25]
  }]
});

在上面的示例中，我们使用plotOptions.bar.dataLabels配置项来启用数据标签，并使用format选项来定义显示数据和百分比的格式。{point.y}表示显示数据值，{point.percentage:.1f}%表示显示百分比值，保留一位小数。

请注意，在柱状图中显示数据标签可能会导致标签重叠或超出图表绘图区域。在这种情况下，您可以使用plotOptions.bar.dataLabels.overflow选项来调整标签的位置或使用plotOptions.bar.dataLabels.style选项来调整标签的样式