如何在绘图中传递动态值

Question

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) ]);
}

Answer 1

我遇到了同样的问题，我使用了以下方法：

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

然后初始化 table 的 headers:

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);

Answer 2

我已经找到使用推送方法的解决方案

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

谢谢。

如何在绘图中传递动态值

how to pass dynamic values in drawchart

javascript

google-visualization