Highcharts: Нерегулярные временные интервалы времени оси x, не зависающие над всеми точками

Question

Я надеюсь, что кто-то может указать мне в правильном направлении. У меня есть ряд данных, которые охватывают нерегулярные интервалы времени. Но зависание над точками показывает только первую точку даты.

http://jsfiddle.net/8rkcqxyn/

$(function() { 
$('#container').highcharts({ 
    exporting: { 
     enabled: false 
    }, 
    chart: { 
     type: 'spline', 
    }, 
    title: { 
     text: 'Debt Obligations' 
    }, 
    xAxis: { 
     type: 'datetime', 
     title: { 
      text: 'Date' 
     } 
    }, 
    yAxis: { 
     title: { 
      text: 'Debt' 
     }, 
     min: 0 
    }, 
    tooltip: { 
     headerFormat: '<b>{series.name}</b><br>', 
     pointFormat: '{point.x:%e. %b}: {point.y}' 
    }, 
    series: [{ 
     name: 'Debt Obligation', 
     data: [ 
      [Date.UTC(2014, 6, 7), 4500], 
      [Date.UTC(2014, 5, 24), 5454], 
      [Date.UTC(2014, 5, 23), 222], 
      [Date.UTC(2014, 5, 21), 1000] 
     ] 
    }] 
}); 

});

Цените свою помощь.

Благодаря

Answer 1

Вы должны научиться использовать консоль для отладки. Если вы проверяете скрипку, и включили консоль, вы увидите, что он отображает «информационное сообщение»:

Highcharts ошибка # 15: www.highcharts.com/errors/15

Если вы отметите в приведенной выше ссылке говорится, что ваши данные не отсортированы заранее. Это твоя проблема.

В самом деле, если вы поставите данные в следующем порядке:

[Date.UTC(2014, 5, 21), 1000], 
[Date.UTC(2014, 5, 23), 222], 
[Date.UTC(2014, 5, 24), 5454], 
[Date.UTC(2014, 6, 7), 4500] 

Он работает, как ожидалось.