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

如果你想绘制dats，你可以使用javascript Date.UTC函数：

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

注意，Javascript月份从零开始，到8月份为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')

高图日期数据

2 个答案: