Javascript typescript/angular中的动态google可视化

我想让它充满活力。请任何人都能帮我做这件事。事实上，我对angular&Typescript是个新手

此处的代码片段： 手动添加行和列。如何让它充满活力。是否可以在循环中进行迭代

我们正在使用谷歌图表

const data = google.visualization.arrayToDataTable([
['Encounter Type', 'No of Encounters'],
[this.dataList[0][0], this.dataList[0][1]],
[this.dataList[3][0], this.dataList[3][1]],
[this.dataList[1][0], this.dataList[1][1]],
[this.dataList[2][0], this.dataList[2][1]],
]);

---

如果只想添加

数据列表中的行，

使用
forEach
语句

首先，创建一个包含列标题的数组

let arrayData = [
  ['Encounter Type', 'No of Encounters']
];

使用
forEach
加载行

this.dataList.forEach(function (row) {
  arrayData.push([row[0], row[1]]);
});

然后从数组中创建数据表

const data = google.visualization.arrayToDataTable(arrayData);