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]; }) 
       },