2015-02-28 4 views
0

Я использую highchart и загружаю json динамически. json дает мне временные ряды даты и ее значениеhighchart x axis не показывает правильную метку даты

Диаграмма создается и всплывающая подсказка показывает правильное значение , только метки на оси X показаны неправильно.

$(function() { 
     $('#container').highcharts({ 
      xAxis: { 
       type: 'datetime', 
       dateTimeLabelFormats: { 
        day: '%e of %b' 
       } 
      }, 

      series: [{ 
       data: [ 
["2013-09-15 08:44:37",19.8], 
["2013-09-18 08:47:37",18.4], 
["2013-09-19 08:50:37",18.3], 
["2013-09-20 08:53:37",18.1] 
    ], 
       //pointStart: Date.UTC(2010, 0, 1), 
       pointInterval: 24 * 3600 * 1000 // one day 
      }] 
     }); 
    }); 

жить plunkr: http://plnkr.co/edit/TfcJVPpqu6ZM2LywKmO5?p=preview

Просьба помочь. Благодаря

EDIT

Я обновил пост и plunkr с правильными датами

ответ

3

Попробуйте положить даты в getTime (миллисекунды) Формат:

[new Date("2013-09-15T08:44:37").getTime(),19.8], 
[new Date("2013-09-18T08:47:37").getTime(),18.4], 
[new Date("2013-09-19T08:50:37").getTime(),18.3], 
[new Date("2013-09-20T08:53:37").getTime(),18.1] 

Как и в this plunker.

+0

любой другой способ сделать это ..i означает, что если я не хочу использовать новую дату(). GetTime()? – ankur

+0

highcharts ожидает миллисекунды при использовании datetime, поэтому вам нужно как-то вычислить его. вы можете использовать любой другой метод для получения миллисекунд, например: 'Date.UTC' – eladcon