Highchart加载csv有2个值

时间:2014-02-18 14:54:40

标签: javascript csv highcharts

我对Highcharts有一个小小的问题可能是因为我是Javascript的总菜鸟。

使用Highcharts我想要一个图表,显示x轴上的日期和y轴上的值。我正在使用CSV文件(results.csv),如下所示:

821,2013-11-12
1623,2013-11-13

......等等。

我使用了有关预处理CSV数据的Highchart文档以及网站上的示例。 我创建了一个包含4个不同图表和4个CSV文件的网站,但所有这些文件都是由我自己使用与高图上的示例相同的布局制作的。现在我想使用其他CSV文件。

我的代码如下所示:

$.get('./results.csv', function(data) {
    // Split the lines
    var lines = data.split('\n');
    $.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);
            });
        }

        // the rest of the lines contain data with their name in the first position
        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);

        }

    });

    var chart4 = new Highcharts.Chart(options);
});

JsFiddle

我被困住了。

0 个答案:

没有答案