datetime - Highcharts 列范围类型不接受日期/时间序列？

Question

我试图通过柱形图绘制人们的睡眠时间（我的 y）。

我的一系列数据包括每天的睡眠时间和起床时间（我的 x 轴）。我尝试修改为列范围给出的示例，但只要我在系列中输入日期而不是纯数字，图表就不会显示。

我使用下面的代码 - 感谢您对此的意见。

谢谢

  $(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)]
        ]
    }]
});
});

Answer 1

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

http://jsfiddle.net/XBmB5/