Das Diagramm konnte nicht aktualisiert werden ⇐ JavaScript

[Guest]

Ziel:

Aktualisieren Sie das aktuelle Diagramm mit neuen Daten und Beschriftungen, wenn Sie auf die Schaltfläche „Aktualisieren“ klicken.
Problem:

Es funktioniert nicht, es zu aktualisieren, wenn ich diesem Link folge
https://www.geeksforgeeks.org/how-to-dy ... of-a-chart -in-chartjs/
https://www.chartjs.org/docs/latest/dev ... dates.html
Daten aus „Chart.data.datasets“ sind nicht vorhanden, wenn ich Wenden Sie den Code an.
Welcher Teil fehlt mir?
Sonstiges:

https://jsbin.com/ bubonojonu/1/edit?html,output

Code: Select all

Chart



Update






const ctx = document.getElementById('myChart');
const data = [10, 12, 14, 20, 16, 11];

Chart.register(ChartDataLabels);
new Chart(ctx, {
type: 'bar',
data: {
labels: ['2020', '2021', '2022', '2023', '2024', '2025'],
datasets: [{
label: `testtesttest`,
data: data,
borderWidth: 0,
backgroundColor: 'blue',
borderColor: 'blue'
}]
},
options: {
responsive: true,
plugins: {
title: {
display: true,
text: 'testtesttest',
color: 'black',
font: {
weight: 'bold',
size: 13
}
},
datalabels: {
anchor: 'end',
align: 'end',
color: 'black',
font: {
weight: '',
},
formatter: function (value, context) {
return value;
}
}
}
}
});