javascript - 是否可以将属于不同系列的两列分别精确地放置在 highchart 的 x 轴刻度上？

Question

下图是我想要的结果(每一列属于不同的系列):

何时 there is only one series in the chart ，这是一个可以实现的结果；但是当 there are two series in the chart ，条形的位置是倾斜的(不完全在刻度线上)。

这两个图表之间的唯一区别是:

        {
            enableMouseTracking: false,
            pointPlacement: 'on',
            data: finArray,    //position not skewed as this series has the same data as the other series
            pointWidth: argPWidth
        }]

和

        {
            enableMouseTracking: false,
            pointPlacement: 'on',
            data: finArray1,
            pointWidth: argPWidth
        }] 

Answer 1

我认为禁用分组应该可以解决您的问题:

var chart = Highcharts.chart('container', {

  chart: {
    type: 'column'
  },
    xAxis: {
    min: 0.5,
    max: 2.5,
    tickInterval: 1
  },
  plotOptions: {
    column: {
      grouping: false
    }
  },
  series: [{
    data: [
      [1, 5]
    ]
  }, {
    data: [
      [2, 2]
    ]
  }]
});

现场演示: http://jsfiddle.net/BlackLabel/mohhq9rz/

API引用: https://api.highcharts.com/highcharts/series.column.grouping