您如何更新Google可视化数据表中的数据?例:
var data = new google.visualization.DataTable();
data.addColumn('string', 'Name');
data.addColumn('string', 'Occupation');
data.addRow(['Bob', 'Shoe Wearer']);
data.addRow(['Henry', 'Transformer']);
data.addRow(['Betty', 'Seltzer Connoisseur']);
// Time passes and Bob changes jobs:
data.addRow(['Bob', 'Beach Comber']);
当然,这会增加新的一行,现在我有两个鲍勃。 如何更新鲍勃的职业?
最佳答案
由于鲍勃是您插入的第一行,因此他的职业位于索引为0的行和索引为1的列中
data.setValue(0, 1, 'Beach Comber');
如果您不知道要更新的职业的行索引,我建议您进行迭代或过滤以查找所有Bob行(或您的情况下的一个Bob行)。迭代是“强力”方式,它像这样
for (var y = 0, maxrows = data.getNumberOfRows(); y < maxrows; y++) {
if (data.getValue(y, 0) == 'Bob') {
data.setValue(y, 1, 'Beach Comber');
}
}
过滤更加优雅:
var foundRows = data.getFilteredRows([{column: 0, value: 'Bob'}]);
for (var y = 0, maxrows = foundRows.length; y < maxrows; y++) {
data.setValue(foundRows[y], 1, 'Beach Comber');
}
可以在以下位置找到引用API-Doc:https://developers.google.com/chart/interactive/docs/reference#DataTable,其中包含很多很好的示例。
关于javascript - 更新Google Visualization DataTable中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13365618/