Highcharts Тип Coulumnrange не принимает дату/время?

Question

Я пытаюсь построить диаграмму диапазона столбцов, время сна людей (мой 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)] 
     ] 
    }] 

}); 

});

Answer 1

Вы должны использовать объект Date, а не date.

http://jsfiddle.net/XBmB5/