HighCharts列重叠

Question

如何让HighCharts不重叠此图表中的列？我尝试过各种各样的选择。我希望highcharts根据系列中的数字元素数量均匀地设置宽度，越窄越窄。＆＃39;

我指定宽度：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]
      ]
    }]
  });
});

http://jsfiddle.net/a0kjogh1/3/

Answer 1

在将数据放入图表之前，应对数据进行排序。您在控制台中收到error。

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

示例：http://jsfiddle.net/a0kjogh1/4/