通过JSON将多个系列加载到highcharts中。如何解析?

时间:2016-07-05 16:56:49

标签: json parsing highcharts

我有一个看起来像这样的JSON源...(我在jsonlint检查它看起来有效)

Categories,06/19/16,06/20/16,06/21/16,06/22/16,06/23/16,06/24/16,06/25/16 Ohio,98.61,97.75,97.19,97.21,97.97,93.66,98.3 Western NE,98.63,98.42,98.25,98.27,98.29,98.35,98.24

我试图将该日作为y轴加载,区域为X轴

在我从本地CSV加载的实验中,我设法让下面的内容工作....

(data.csv) $.get('data.csv', function(data) { // Split the lines var lines = data.split('\n');

// Iterate over the lines and add categories or series
$.each(lines, function(lineNo, line) {
    var items = line.split(',');        
    // header line containes categories
    if (lineNo == 0) {
        $.each(items, function(itemNo, item) {
            if (itemNo > 0) options.xAxis.categories.push(item);
        });
    }
    else {
        var series = {
            data: []
        };
        $.each(items, function(itemNo, item) {
            if (itemNo == 0) {
                series.name = item;
            } else {
                series.data.push(parseFloat(item));
            }
        });
        options.series.push(series);
    }  
});

// Create the chart
var chart = new Highcharts.Chart(options);

// Iterate over the lines and add categories or series $.each(lines, function(lineNo, line) { var items = line.split(','); // header line containes categories if (lineNo == 0) { $.each(items, function(itemNo, item) { if (itemNo > 0) options.xAxis.categories.push(item); }); } else { var series = { data: [] }; $.each(items, function(itemNo, item) { if (itemNo == 0) { series.name = item; } else { series.data.push(parseFloat(item)); } }); options.series.push(series); } }); // Create the chart var chart = new Highcharts.Chart(options);

});

我想在前面道歉,因为虽然在我的脑海中我得到了如何解析CSV,但我很少使用JSON,我很难理解如何解析上面的JSON。在我的大脑中,我会因为当天的价值而被绞死,以及如何处理。有没有人有这方面的经验,他们想分享,也许让我指出正确的方向? 非常感谢! JW

0 个答案:

没有答案