Как присвоить массив данным диаграмм. js counts

Question

У меня есть график chart.js, я хочу назначить array на data

Это мой текущий код

datasets: [
    {
      data:[40,56,345,2354],
      backgroundColor: "#007BA7",
      hoverBackgroundColor: "#00CC99"
    }
]

Но я хочу использовать array который имеет list из products. Вот как я делаю, но он не работает

datasets: [
    {
      data: this.lastSeenDeviceCount.forEach(element => {
        element.length
      }),
      backgroundColor: "#007BA7",
      hoverBackgroundColor: "#00CC99"
    }
]

Это информация об источнике данных

this.lastSeenDeviceCount.push(activeRecords,offlineRecords, pendingRecords);
//array has this object
{
    "DeviceID": "52",
    "FriendlyName": "Net RC",
    "UserName": "UserNet",
    "LastSeen": "07/23/2020 23:18:05",
}

Answer 1

Вы пробовали это? this.lastSeenDeviceCount.map(element => element.length)

Answer 2

Вы можете это сделать;

let devices = []; // array to store all devices
this.lastSeenDeviceCount.forEach(element => {
  devices.push(element.length)
})

datasets: [
  {
    data: devices,
    backgroundColor: "#007BA7",
    hoverBackgroundColor: "#00CC99"
  }
]

Здесь происходит следующее;

1. Вы создали массив
2. Вы заполнили массив из l oop logi c
3. Затем вы передаете значение массива в свойство диаграммы Js data для заполнения диаграммы