繁体   English   中英

Highcharts - 排序JSON数据JavaScript

[英]Highcharts - sorting JSON data JavaScript

我在为Highcharts折线图排序数据时遇到了麻烦。 使用一个数组(今天)时,图表显示正常。 但我们有一个辅助的“昨天”数据按钮,假设将两个数组连在一起形成一个图表。

我有一个排序功能,我似乎无法正确显示数据。

45 Highcharts错误#15:www.highcharts.com/errors/15

function paintChart(){
    var yesterdayEnabled = $('#showYesterday').is(':checked');
    $.each(chart.series, function(i,s) {
        var flowObj = inFlowObj;
        if(view === 'ex'){
            flowObj = exFlowObj;
        }
        thisZone = s.options.id;
        var allData = flowObj[thisZone].flow;
        if(yesterdayEnabled){
            allData = allData.concat(flowObj[thisZone].yestFlow);
            allData.sort(custom_sort);
        }

        s.setData(allData); 
    });
}

function custom_sort(a, b) {
    return new Date(a.timeStamp).getTime() - new Date(b.timeStamp).getTime();
}

我已经尝试在setData函数中对数据进行排序并在series: seriesData.sort(custom_sort)定义它series: seriesData.sort(custom_sort)无济于事。 有没有不同的方法来排序这些数据?

错误 在此输入图像描述

示例数据

昨天 -

{"status":"success","count":3384,"data":[{"timeStamp":"2016-06-13T04:00:00Z","interface":"mid","id":23,"up":2292.61,"pos":2450.0,"neg":-9999.0},...

今天

{"status":"success","count":3384,"data":[{"timeStamp":"2016-06-14T04:00:00Z","interface":"mid","id":23,"up":2029.31,"pos":2550.0,"neg":-9999.0},...

使用建议,我创建了一个修改过的paintChart()函数,它以正确的顺序推送数组中的数据:

function paintChart(){
    var yesterdayEnabled = $('#showYesterday').is(':checked');
    $.each(chart.series, function(i,s) {
        var flowObj = inFlowObj;
        if(view === 'ex'){
            flowObj = exFlowObj;
        }
        thisZone = s.options.id;
        var allData = flowObj[thisZone].flow;
        var addYestData = [];
        if(yesterdayEnabled){
            Highcharts.each(flowObj[thisZone].yestFlow, function(p, i) {
                addYestData.push(p);
            })
            Highcharts.each(flowObj[thisZone].flow, function(p, i) {
                addYestData.push(p);
            })

            s.setData(addYestData);
        } else{
            s.setData(allData);
        }


    });
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM