将highcharts数据标签放置在正条左侧和负条右侧

<script src="https://code.highcharts.com/highcharts.js"></script>
<link rel="stylesheet" href="https://code.highcharts.com/css/highcharts.css">

<div id="chart-container"></div>

// 数据
var data = [
  { name: 'A', value: 10 },
  { name: 'B', value: -5 },
  { name: 'C', value: 8 },
  { name: 'D', value: -3 }
];

// 配置选项
var options = {
  chart: {
    type: 'bar'
  },
  title: {
    text: '数据标签放置示例'
  },
  xAxis: {
    categories: data.map(item => item.name)
  },
  yAxis: {
    title: {
      text: '值'
    }
  },
  plotOptions: {
    bar: {
      dataLabels: {
        enabled: true,
        align: 'left',
        inside: true,
        formatter: function() {
          return this.y >= 0 ? this.y : '';
        }
      }
    }
  },
  series: [{
    name: '值',
    data: data.map(item => Math.abs(item.value))
  }]
};

// 绘制图表
Highcharts.chart('chart-container', options);