javascript - 如何使用Highcharts在柱形图中指定柱相对于X轴标签的位置？

我有一些时间间隔明确的时间序列数据。原始数据如下所示：

[((datetime.datetime(1997, 10, 20, 0, 0),
   datetime.datetime(1997, 10, 20, 23, 59, 59)),
  1),
 ((datetime.datetime(1997, 10, 21, 0, 0),
   datetime.datetime(1997, 10, 21, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 10, 22, 0, 0),
   datetime.datetime(1997, 10, 22, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 10, 23, 0, 0),
   datetime.datetime(1997, 10, 23, 23, 59, 59)),
  1),
 ((datetime.datetime(1997, 10, 24, 0, 0),
   datetime.datetime(1997, 10, 24, 23, 59, 59)),
  3),
 ((datetime.datetime(1997, 10, 25, 0, 0),
   datetime.datetime(1997, 10, 25, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 10, 26, 0, 0),
   datetime.datetime(1997, 10, 26, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 10, 27, 0, 0),
   datetime.datetime(1997, 10, 27, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 10, 28, 0, 0),
   datetime.datetime(1997, 10, 28, 23, 59, 59)),
  1),
 ((datetime.datetime(1997, 10, 29, 0, 0),
   datetime.datetime(1997, 10, 29, 23, 59, 59)),
  4),
 ((datetime.datetime(1997, 10, 30, 0, 0),
   datetime.datetime(1997, 10, 30, 23, 59, 59)),
  6),
 ((datetime.datetime(1997, 10, 31, 0, 0),
   datetime.datetime(1997, 10, 31, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 11, 1, 0, 0),
   datetime.datetime(1997, 11, 1, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 11, 2, 0, 0),
   datetime.datetime(1997, 11, 2, 23, 59, 59)),
  0),
 ((datetime.datetime(1997, 11, 3, 0, 0),
   datetime.datetime(1997, 11, 3, 23, 59, 59)),
  2),
 ((datetime.datetime(1997, 11, 4, 0, 0),
   datetime.datetime(1997, 11, 4, 23, 59, 59)),
  0)]

您会看到有一些元组定义了每个间隔的确切开始和结束。我想绘制一个Highcharts柱形图，该柱形图恰好模仿上面的数据。 https://jsfiddle.net/kvh4zt2k/是我目前拥有的：



问题在于这不能完全模仿我的数据。请注意列如何在每个X轴标签上居中。为了准确显示我的时间间隔，我希望X轴标签准确在每列的左边缘。这是一个cr脚的photoshop，它说明了列应如何相对于X轴标签对齐：



我搜寻了API文档，并尝试了很多方法，但均未成功。我怎样才能做到这一点？

最佳答案

设置pointPlacement: "between"，请参见：http://jsfiddle.net/kvh4zt2k/1/

API参考。