ハイチャートのカラムバーが正確に表示されない

Question

I HighchartのxAxisにdatetimeタイプを使用し、一部のカラムがチャートに正確に表示されません。たとえば、以下の例では、最初と最後の列のほんの一部しか見ることができません。どうしてか分かりません。

JSFiddle Example

この問題に対する最善の解決策は何ですか？

Answer 1

ポイントの順序が間違っていることが原因です。

Highchartsエラー＃15：あなたは、コンソールでエラーが発生しているHighchartsで

をwww.highcharts.com/errors/15、データは、例えば、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]; }) 
       },