Highcharts 高图表列重叠

如何使HighCharts不与此图表中的列重叠？我尝试过各种选择。我希望highcharts能够根据系列中数据元素的数量均匀地设置宽度，越多越窄。”

我已经指定了宽度：300来强制列重叠，只是为了显示窄图表中发生的情况，并且只添加一些数据元素

$(function() {
  Highcharts.chart('container', {
    chart: {
      type: 'column',
      width: 300,
      zoomType: 'x'
    },
    legend: {
      enabled: false
    },
    series: [{
      data: [
        [102.0, 66815.0],
        [96.0, 77760.0],
        [90.0, 68710.0],
        [84.0, 69452.5],
        [78.0, 48807.5],
        [72.0, 35472.5],
        [66.0, 24595.0],
        [60.0, 17790.0],
        [54.0, 18010.0],
        [48.0, 5635.0]
      ]
    }]
  });
});

---

在将数据放入图表之前，应先对其进行排序。您将在控制台中接收消息

data.sort((a, b) => {
    return a[0] > b[0];
  });

---

示例：

在将数据放入图表之前，应该对其进行排序。您将在控制台中接收消息

data.sort((a, b) => {
    return a[0] > b[0];
  });

例如：