Highchart列栏未准确显示

时间:2017-04-26 15:12:54

标签: highcharts

我在高图的xAxis中使用datetime类型,而某些列并未完全出现在图表中。例如,在下面的示例中,您只能看到第一列和最后一列的一小部分。我不知道为什么。

JSFiddle Example

这个问题的最佳解决方案是什么?

1 个答案:

答案 0 :(得分: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]; })
                },