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

Question

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

[((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 轴标签恰好位于每列的左边缘。这是一个蹩脚的 Photoshop，它说明了列应如何相对于 X 轴标签对齐:

我浏览了 API 文档并尝试了很多方法但没有成功。我怎样才能做到这一点？

Answer 1

设置pointPlacement:“Between”，请参阅:http://jsfiddle.net/kvh4zt2k/1/

API引用。