Highcharts Heatmap,使用pointStart / pointInterval产生“阶梯”效果

时间:2017-05-26 08:53:42

标签: javascript charts highcharts heatmap

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

根据documentation,我应该能够将此数据与 pointStart pointInterval 结合起来:

  

对于热图系列类型,可以通过以下方式给出点:

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

我正在尝试绘制每小时值,因此我使用的数据采用以下形式:

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

第一个值是小时,第二个值是测量值。

我正在配置我的系列:

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

我可能以某种错误的方式解释 pointInterval colSize 的含义,但是即使尝试了几种组合后我也无法正确地获得图表。

我获得的图表有这种奇怪的“阶梯”效应: enter image description here

在这里你可以看到jsfiddle:http://jsfiddle.net/nb5vw5sL/

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

有什么建议吗?

提前致谢

0 个答案:

没有答案