Динамическая визуализация Google в машинописном / угловом

Question

Я хочу сделать это динамичным. Пожалуйста, кто-нибудь может помочь мне сделать это. На самом деле я новичок в угловых и Typescript.

Фрагмент кода здесь: Вручную я добавляю столбец строки. Как сделать это динамичным. Можно ли повторять в цикле.

Мы используем диаграммы Google.

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