Highchart列欄不會完全顯示

Question

我在Highchart的xAxis中使用datetime類型，並且某些列不會完全顯示在圖表中。例如在下面的例子中，您只能看到第一列和最後一列的一小部分。我不知道爲什麼。

JSFiddle Example

什麼是對這個問題的最佳解決方案？

Answer 1

這是由點的錯誤順序造成的。你必須在控制檯中的錯誤：

Highcharts錯誤＃15：www.highcharts.com/errors/15

在Highcharts，數據應該被排序的x值上升，例如： http://jsfiddle.net/sc5hwtfz/2/

   { 
       name: 'C1', 
        data: [ 
          [Date.parse("04/26/2017" + " UTC"), 40], 
          [Date.parse("04/25/2017" + " UTC"), 143], 
          [Date.parse("04/24/2017" + " UTC"), 40], 
          [Date.parse("04/23/2017" + " UTC"), 30], 
          [Date.parse("04/22/2017" + " UTC"), 20], 
          [Date.parse("04/21/2017" + " UTC"), 20], 
        ].sort(function (a, b) { return a[0] - b[0]; }) 
       },