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

Question

我在找到一种方法将我从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]] 
      }] 

     }); 
    }); 
} 

Answer 1

如果您可以改变功能，您应该以正确的格式准备数据。就像你的例子中的示例数据。 如果你不能，那么做一个for循环来准备数据。这样的事：

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