Javascript Highcharts热图,使用pointStart/pointInterval生成一个;楼梯“;影响
我正在尝试使用2值数组形式的数据生成热图 根据图表,我应该能够将该数据与pointStart和pointInterval结合起来绘制图表: 对于热图系列类型,可通过以下方式给出分数:Javascript Highcharts热图,使用pointStart/pointInterval生成一个;楼梯“;影响,javascript,charts,highcharts,heatmap,Javascript,Charts,Highcharts,Heatmap,我正在尝试使用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是如何工作的,仍然有点模糊:\但再次感谢!