如何在绘图中传递动态值

时间:2015-01-05 08:00:16

标签: javascript google-visualization

var dataAsArray = [
       ["Student", "# items sold", "$ earned"],
       ['Alice', 40, 40],
       ['Bob', 20, 20],
       ['Catherine', 10, 30],
       ['Danny', 5, 50],
       ['Eva', 20, 20],
       ['Felipe', 50, 25],
       ['Gwen', 7, 15],
       ['Henry', 25, 25]
    ];

我想创建类似于上面的行和列,以便传递给googles drawchart()。 同样的事情我想动态

       ['Alice', 40, 40],
       ['Bob', 20, 20],
       ['Catherine', 10, 30],
       ['Danny', 5, 50],
       ['Eva', 20, 20],
       ['Felipe', 50, 25],
       ['Gwen', 7, 15],
       ['Henry', 25, 25]

我也尝试了以下代码

for (var i = 0; i < usersTable.length; i++) {

    tdata.addRow([usersTable[i].name, parseInt(usersTable[i].rank), parseInt(usersTable[i].age) ]);
}

2 个答案:

答案 0 :(得分:0)

我有同样的问题,我使用了以下内容:

var tdata = new google.visualization.DataTable();

然后初始化表格的标题:

tdata.addColumn('string', 'User');
tdata.addColumn('number', 'Rank');
tdata.addColumn('number', 'Age');

然后遍历动态数据并在循环中执行以下操作:

    for (var i = 0; i < usersTable.length; i++) {

        tdata.addRow([usersTable[i].name, parseInt(usersTable[i].rank), parseInt(usersTable[i].age) ]);
    }

然后最后画出你的图表:

chart.draw(tdata, options);

答案 1 :(得分:0)

我使用push方法找到了解决方案

var dataset = [['month','purchase','sale']];
for(var i =0; i < datasetArray.length; i++){
    dataset.push([datasetArray.mnt, datasetArray.purchase, datasetArray.sale]);
}

感谢。