javascript - Highcharts - 在热图中显示日期

Question

我有任何简单的方法可以在热图中加载日期为“Y”的数据。

我的数据采用以下格式:

[{x:1, y: 1401292253, value:0.2, name:"a"},{x:2, y: 1401173762, value:0.3, name:"b"},{x:0, y: 1401173462 , value:0.6, name:"c"}]

我希望根据给定值自动构建热图的 Y。但我不知道该怎么做。

我尝试过的是: http://jsfiddle.net/tZ6GP/16/

Answer 1

您需要设置rowsize(或xAxis的colsize)来告诉highcharts每个点的范围是多少。否则它会是 1ms，这确实是一个很低的值。第二件事是你的 y 值以秒为单位，而 JS 时间戳以毫秒为单位。

当改变这两件事时，你会得到漂亮的图表:http://jsfiddle.net/tZ6GP/19/

    series: [{
        rowsize: 3600000, // one hour
        data: [{
            x: 0,
            y: 1401292253000,
            value: 0.2,
            name: "a"
        }, {
            x: 1,
            y: 1401173762000,
            value: 0.3,
            name: "b"
        }, {
            x: 2,
            y: 1401173462000,
            value: 0.6,
            name: "c"
        }]
    }]