Highcharts Coulumnrange类型不接受日期/时间系列?

时间:2013-07-08 05:05:18

标签: datetime highcharts

我试图通过列范围图表,人们的睡眠时间(我的y)。 我的数据系列包括每天的睡眠时间和唤醒时间(我的x轴)。 我尝试修改为columnrange提供的示例,但是只要我在系列中输入日期而不是普通数字,图表就不会显示。 我使用下面的代码 - 感谢您对此的输入。 感谢

  $(function () {

$('#container').highcharts({

    chart: {
        type: 'columnrange',
        inverted: true
    },

    title: {
        text: 'Sleeping time per day'
    },

    subtitle: {
        text: 'Observed in 2013'
    },

    xAxis: {
        categories: ['02/07/2013', '03/07/2013', '04/07/2013']
    },

    yAxis: {
        title: {
            text: 'Time'
        },
        type: 'datetime'
    },

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                formatter: function () {
                    return this.y;
                }
            }
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: 'Leo',
        data: [
            [date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,4,0,0)],
            [date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,5,0,0)],
            [date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,6,0,0)]
        ]
    }]

});

});

1 个答案:

答案 0 :(得分:0)

您应该使用Date对象,而不是date

http://jsfiddle.net/XBmB5/