打字稿/角度的动态谷歌可视化

Question

我想让它动态化。请任何人都可以帮助我做到这一点.实际上，我是角度和打字稿的新手。

代码片段在这里： 我手动添加行列。如何使其动态化。是否可以循环迭代。

我们正在使用谷歌图表。

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

Answer 1

如果您只想添加dataList中的行，
使用 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);