Dynamiczna modyfikacja danych w Chart.js
Dane na wykresie w Chart.js są po prostu tablicą. Stąd aby zmodyfikować dane w najprostszym wykresie jaki udało mi się stworzyć:
const chart = new Chart("chart", {
type: 'bar',
data: {
labels: ['Uno', 'Dos', 'Tres'],
datasets: [
{
label: 'Dummy Data',
data: [1, 3, 3],
}]
}
});
Wystarczy zmodyfikować tablicę dostępną w obiekcie DataSet:
// Usuwanie danych
chart.data.datasets[0].data = [];
//Dodawanie danych
chart.data.datasets[0].data = [6, 6, 6];
//Aktualizacja wykresu
chart.update();