如何通过options.series.data.push将CSV中的三个系列加载到Highcharts中

时间:2016-07-04 04:59:29

标签: jquery csv highcharts

我试图找出如何将CSV文件中的三个不同项添加到Highcharts图中。其中一个应显示为一列;两个作为行。

到目前为止,我有这个(here is a fiddle):

    plotOptions: 
    {
        series: 
        {
            connectNulls: true,
            shadow: false,
            marker: 
            {
                enabled: false
            }
        }
    },  
    series: [{
        name: 'Yearly mass balance',
        data: [],
        color: '#7994d9',
        negativeColor: '#ff6c7f'
    },{
        name: '10 year average',
        data: [],
        color: '#ffa27c',
        type: 'spline'
    },{
        name: 'Polynomial',
        data: [],
        color: '#093ad9',
        type: 'spline',
    }]
};

// data is variable from $.get()
$.get('graph_glaciers_3.csv', function(data)
{   
    var series = {
        data: []
    };

    var temp = []

    // Split the lines
    var lines = data.split('\n');

    // For each line, split the record into seperate attributes
    $.each(lines, function(lineNo, line) 
    {
        var items = line.split(',');

        if (lineNo !== 0) 
        {
            var xValue = +items[0],
            v1 = parseFloat(items[1]),
            v2 = parseFloat(items[2]),
            v3 = parseFloat(items[3]);

            if (!isNaN(v1)) 
            {
                options.series[0].data.push([xValue,v1]);
                options.series[1].data.push([xValue,v2]);
                options.series[2].data.push([xValue,v3])
            }
        }
    });


    // Push the completed series
    //options.series.push(series);

    new Highcharts.Chart(options);
});

但那还没有奏效。不知道为什么。我不确定Highcharts代码中“系列”对象的规范;而且“options.series []。data.push”-array都没有。试图找到答案,但没有发现任何东西。

感谢任何提示。

0 个答案:

没有答案