Javascript 如何在画布中动态设置数据点？

我需要一些在javascript画布中动态设置数据点的帮助

以下是我现在掌握的代码：

var dps = [{x: 1, y: 100}, {x: 2, y: 50}, {x: 3, y: 250}, {x: 4, y: 120}, {x: 5, y: 400}];  
window.onload = function () {
        var chart = new CanvasJS.Chart("chartContainer",
        {               
         data: [
                {        
                type: "line",
                lineThickness:3,
                axisYType:"primary", // for align the y to right 
                showInLegend: true,           
                name: "India", 
                dataPoints: dps
            }
            ],
        });

chart.render();
}

这很好，但我想让数据设置部分成为动态的，如下所示：

    data: [
for( var i = 0 ; i < array.length ; i++ ){
                {        
                type: "line",
                lineThickness:3,
                axisYType:"primary", // for align the y to right 
                showInLegend: true,           
                name: array[i]['title'], 
                dataPoints: array[i]['data']
            }
}
            ],

数据：[
对于（var i=0；i

---

我怎样才能做到这一点？

以下是正确的方法

var dps = [{x: 1, y: 100}, {x: 2, y: 50}, {x: 3, y: 250}, {x: 4, y: 120}, {x: 5, y: 400}];  
window.onload = function () {
var data = [];
for( var i = 0 ; i < array.length ; i++ ){
              data.push(  {        
                type: "line",
                lineThickness:3,
                axisYType:"primary", // for align the y to right 
                showInLegend: true,           
                name: array[i]['title'], 
                dataPoints: array[i]['data']
            });
}

        var chart = new CanvasJS.Chart("chartContainer",
        {               
         data: data,
        });

chart.render();
}

vardps=[{x:1，y:100}，{x:2，y:50}，{x:3，y:250}，{x:4，y:120}，{x:5，y:400}]；
window.onload=函数（）{
var数据=[]；
对于（var i=0；i