javascript - 数据中的 Highchart 日期

Question

我正在研究高图表我需要显示具有开始和结束日期的图表，例如低日期是 2013-08-10，高日期是 2013-08-20，每行颜色不同，我已经处理了数字，但不能处理日期谁能帮我？？

    series: [{
        name: 'Initiatives',
        data: [{ 
            x: 0,
            y: ['2013-08-4','2013-08-16'],
            fillColor: "red"
        },{
            x: 1,
            y: ['2013-08-2','2013-09-9'],
            fillColor: "blue"
        }]
    }]

Answer 1

如果要绘制数据，可以使用 javascript Date.UTC 函数：

 y: [Date.UTC(2013,7,4),Date.UTC(2013,7,16)],

请注意，Javascript 月份从零开始，到八月是 7。

您应该尝试以下方法：

        data: [{ 
            x: 0,
                     low:Date.UTC(2013,7,4),
                     high:Date.UTC(2013,7,16),
            color: "red"
        },{
            x: 1,
                     low: Date.UTC(2013,7,2),
                     high:Date.UTC(2013,8,9),
            color: "blue"
        }]

http://jsfiddle.net/x4gQp/

Answer 2

在 highcharts 中，您还可以计算自 1970-01-01 00:00:00 UTC 以来的毫秒数

series: [{
    name: 'Initiatives',
    data: [{ 
        x: 0,
        y: [1375574400000, 1376611200000],
        fillColor: "red"
    },{
        x: 1,
        y: [1375401600000, 1378684800000],
        fillColor: "blue"
    }]
}]

如果您要生成另一种语言的图表数据，这很有用。

例如，在 ruby​​ 中，这很容易：Date.parse('2013-09-9').strftime('%Q')