高图表将数据从数组插入到线图中

时间:2014-04-05 20:00:38

标签: javascript arrays highcharts

我找不到从数组中插入数据的方法,我从javascript文件中的另一个函数到我的折线图中。我只是想确保支持它,我不必切换到不同的图形包。这是我当前的代码,我猜你必须在数据系列中添加for循环,但我不确定如何实现它。

function displayGraph(){
   //data to insert
   var x =new Array(0, 1, 2, 3, 4); //array of x coordinates
   var y =new Array(1, 1.8, 1.5, 2.5, 6.3);//array of y coordinates

$(function () {
        $('#container').highcharts({
            title: {
                text: 'Glaicer Elevations',
                x: -20 //center
            },
            xAxis: {
                title: {
                    text: 'xAxis'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            yAxis: {
                title: {
                    text: 'yAxis'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                valueSuffix: 'km'
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'middle',
                borderWidth: 0
            },
         // want to insert another data series using outside arrays
            series: [{
                name: 'Line1',
                data: [[5, 2], [6, 3], [8, 2]]
            }]

        });
    });
}

1 个答案:

答案 0 :(得分:0)

如果您可以更改功能,则应以正确的格式准备数据。就像你的例子中的示例数据一样。 如果不能,则进行for循环以准备数据。是这样的:

   xy= [];
   for(var i in x) {
      xy[i] = [x[i],y[i]];
   }