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] 

它將按預期工作。