Highcharts使用addPoint時重疊的日期時間列

Question

我想使用addPoint（）動態地將數據添加到具有日期時間X軸的列圖表中。

當我做到這一點，在許多情況下，列開始彼此重疊。在視覺上，它看起來像列寬沒有被正確更新。

以下是一個演示的問題的jsfiddle：

http://jsfiddle.net/AkKqP/6/

下面是相應的代碼：

var d_t[ 10, 8, 13 ]; 
var cur=0; 
$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: "column" 
     }, 
     series: [{ 
      data: [ ] 
     }], 
     xAxis: { 
      type: "datetime" 
     } 
    }); 
    // the button action 
    $('#button').click(function() { 
     var chart = $('#container').highcharts(); 
     var msec = Date.UTC(2013, 3, d_t[cur]); 
     chart.series[0].addPoint([msec, 10]); 
     cur++; 
     cur = (cur >= 4) ? 3 : cur; 
    }); 
}); 

我已經硬編碼的四個日期導致問題的出現。

如果您單擊Add按鈕點4次，你會看到在第三和第四附加添加的數據和陌生的列寬的古怪行爲（他們似乎過於狹窄）在第二個加法和重疊列。

一種解決方法似乎是給了日期的有序圖表。然後，圖表正確繪製。或者，這可能是必需的？

我可能失去了一些東西很明顯，但我搜索周圍撥弄了一下，一直沒能弄明白。任何建議將不勝感激。

Answer 1

在Highcharts，爲xAxis數據應該升序排列。看看：http://jsfiddle.net/AkKqP/8/