首页 > 解决方案 > Highcharts 日期时间线与未排序的数据一起向后移动

问题描述

我知道我应该对数据进行排序,但我是从不同的 API 调用中获取的,还有 10 个其他原因导致我无法对数据进行排序。

我有一些未排序的数据,需要在时间序列图中绘制。

{
    xAxis: {
        type: 'datetime'
    },
    series: [{
        data: [
            [Date.UTC(2020, 0, 1), 29.9],
            [Date.UTC(2020, 0, 2), 71.5],
            [Date.UTC(2020, 0, 6), 106.4],
            [Date.UTC(2020, 0, 3), 129.2],
            [Date.UTC(2020, 0, 5), 144.0],
            [Date.UTC(2020, 0, 8), 176.0]
        ]
    }]

}

当我对 highcharts 使用上述选项时,线条向后移动 在此处输入图像描述

有没有办法让 highcharts 进行所需的排序,并正确绘制图表?我也尝试过dataSorting选项,但它没有用。

Highcharts 有一个dataSorting标志来对数据进行排序,所以我并不完全期待它。

标签: javascripthighcharts

解决方案


您是否缺少 dataSorting 属性?

{
    xAxis: {
        type: 'datetime'
    },
    series: [{
        dataSorting: {
            enabled: true,
            sortKey: 'value'
        },
        data: [
            [Date.UTC(2020, 0, 1), 29.9],
            [Date.UTC(2020, 0, 2), 71.5],
            [Date.UTC(2020, 0, 6), 106.4],
            [Date.UTC(2020, 0, 3), 129.2],
            [Date.UTC(2020, 0, 5), 144.0],
            [Date.UTC(2020, 0, 8), 176.0]
        ]
    }]

}

推荐阅读