Как обновить значения в массиве для диаграммы, используя chartsJS и Angular

Question

Я пытаюсь обновить определенное значение в массиве данных для диаграммы, используя chartsJS и angular. В частности, в этом коде я пытаюсь обновить первую точку данных до 0, когда нажата кнопка «обновить данные». Но даже при указании правильных элементов в массиве я продолжаю получать ошибку ERROR TypeError: Cannot read property '1' of undefined.

Я пытался использовать методы push и pop, но они только удаляют и добавляют разные данные, но я хочу заменить их.

HTML-код:

<button (click)="add()">Add Data</button>

код настройки графика:

    this.NewChart = new Chart('totalJourneys', {
      type: 'bar',
    data: {
      labels: ["Jan", 'Feb', "Mar", "Apr", "May","Jun","Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
      datasets: [{
        label: "Number of Items Sold",
        data: [9,7,3,5,2,10,15,16,19,3,1,9],
        fill: false,
        lineTension: 0.2,
        backgroundColor: "light-blue",
      }]
    },
  });

Обновление функции диаграммы:

  public add() {
    console.log('added');
    this.NewChart.data.datasets.data[1].data[0] = 10;
    this.NewChart.update();
  }

Answer 1

this.NewChart.data.datasets[0].data[0] = 0;