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

High Chart inserting data from arrays into line graph

本文关键字：折线图插入数组数据高图表更新时间：2023-09-26

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

如果可以更改函数，则应以正确的格式准备数据。就像示例中的示例数据一样。如果不能，则创建一个 for 循环来准备数据。像这样：

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