Ich habe ein einfaches Balkendiagramm mit chartjs erstellt und es funktioniert einwandfrei. Jetzt möchte ich die Werte in einem zeitbasierten Intervall aktualisieren. Mein Problem ist, dass ich nach dem Erstellen des Diagramms nicht weiß, wie ich seine Werte korrekt aktualisieren soll ...

Mein Code:

var ctx = $("#myChart").get(0).getContext("2d");

var dts = [
    {
        fillColor: "rgba(220,220,220,0.5)",
        strokeColor: "rgba(220,220,220,1)",
        data: [0, 0, 0, 0, 0]
    }
];

var data = {
    labels: ["Core#1", "Core#2", "Core#3", "Core#4", "Total"],
    datasets: dts
};

var chart = new Chart(ctx);
chart.Bar(data);

//test code
setInterval( function () {                        
    data.datasets[0].data = [random(), random(), random(), random(), random()];
    chart.Bar(data);

},2000);

Im Testcode aktualisiere ich die Werte mitdatasets[0].data- Ist das der richtige Weg? Das Problem dabei ist, dass ich jedes Mal anrufechart.Bar()werden die Werte auf 0 zurückgesetzt und dann auf den Zufallswert animiert (so als würde ich das Diagramm neu erstellen). Auf diese Weise haben alle Animationen immer einen Wert von 0 bis, was merkwürdig aussieht. Ich würde erwarten, dass, wenn ich einen Wert von 50 auf 10 aktualisiere, der Balken von 50 auf 10 sinkt und nicht auf 0 gesetzt, sondern auf 10 animiert wird.

Ich habe in den Dokumenten nichts darüber gefunden ... mache ich etwas falsch oder ist das mit dieser Bibliothek unmöglich?