Chart.js Update-Balken eines Balkendiagramms

Question

Ich habe ein BarChart auf meiner Webseite mit Chart.js.

Ive hinzugefügt zwei Datenpunkte, um es

mit

chart.addData([5], "A"); 
chart.addData([7], "B"); 

Jetzt möchte ich die Stäbe A und B zu aktualisieren, ohne sie zu entfernen und das Hinzufügen von ihnen wieder (was ich schon herausgefunden, wie das zu tun). Ich möchte, dass sie sich vertikal bewegen, um sich an ihre neuen Werte anzupassen, aber ich kann nicht herausfinden, wie ich auf die Daten zugreifen kann, die bereits im Diagramm enthalten sind.

Theres nichts wie

chart.updateData(0,[6]); 
chart.updateData(1,[9]); 

wo der erste Wert der Index der gespeicherten Daten (F. E.) sein würde.

Wie soll ich das tun?

Answer 1

Im Allgemeinen möchten Sie Ihr Datenobjekt durchgehen, Ihre Elemente hinzufügen, löschen oder ersetzen und dann .update anrufen, das war's.

Hier ist ein Beispiel, wo ich 2 weitere Spalten am Ende eines Diagramms hinzuzufügen:

function addData() { 
    myBarChart.data.labels[12] ="2017"; 
    myBarChart.data.labels[13] ="2018"; 
    myBarChart.data.datasets[0].data[12] = 500; 
    myBarChart.data.datasets[0].data[13] = 600; 
    myBarChart.update(); 
} 

und insbesondere Ihren Fall, hier ändere ich den Wert von einem Jahr:

function adjust2016() { 
    myBarChart.data.datasets[0].data[11] = 300; 
    myBarChart.update(); 
} 

Voll Beispiel:

Codepen Chart.js Add replace data example