Highchart列栏未准确显示

Question

我在高图的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]; })
                },