Javascript Highcharts热图，使用pointStart/pointInterval生成一个；楼梯“；影响

我正在尝试使用2值数组形式的数据生成热图

根据图表，我应该能够将该数据与pointStart和pointInterval结合起来绘制图表：

对于热图系列类型，可通过以下方式给出分数：

具有3或2个值的数组数组。在这种情况下，这些值对应于x，y，value。如果第一个值是字符串，则将其作为点的名称应用，并推断x值也可以省略x值，在这种情况下，内部数组的长度应为2。然后自动计算x值，从0开始并递增1，或者从系列选项中给定的pointStart和pointInterval开始计算。

我试图绘制小时值图表，因此我使用的数据如下表所示：

[ [0,0.0022],...,[23,0.012],[0,0.0022],... ]

第一个值为小时，第二个值为测量值

我正在这样配置我的系列：

pointStart: Date.UTC(2013, 0, 1),
pointInterval: 36e5,
colsize: 24 * 36e5,

我可能以错误的方式解释了pointInterval和colSize的含义，但是即使尝试了几个组合，我也无法正确地得到图表

我得到的图表有一种奇怪的“楼梯”效果：

在这里您可以看到JSFIDLE：

它基于“大型热图”示例，我只是改变了数据提供的方式

有什么建议吗

---

提前感谢

将间隔添加到每个点，因此您的点看起来像[开始，0，]，[开始+间隔，1，]，[开始+2*间隔，2，…]-它们创建楼梯。如果你想填充整个热图，你需要在点上加上x值，例如，像这样，我看到，文档对此有点不清楚。感谢您的帮助，我将采用您提出的解决方案。更新：我稍微修改了您的小提琴，以反映我当天的使用情况：您的解决方案当然解决了我的问题，但并没有真正阐明pointStart/pointInterval是如何工作的，仍然有点模糊：\但再次感谢！