Creé un gráfico de barras básico usando chartjs y funciona bien. Ahora quiero actualizar los valores en un intervalo de tiempo. Mi problema es que después de crear el gráfico, no sé cómo actualizar sus valores correctamente ...

Mi código:

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);

En el código de prueba, estoy actualizando los valores condatasets[0].data- ¿Esta es la manera correcta de hacerlo? El problema con esto es que cada vez que llamochart.Bar(), los valores se restablecen a 0 y luego se animan al valor aleatorio (como si estuviera recreando el gráfico). De esta manera, todas las animaciones son siempre de 0 a un valor que parece extraño. Yo esperaría que si actualizo un valor de 50 a 10, la barra bajaría a 10 de 50 y no se configuraría a 0 y luego a 10.

No encontré nada en la documentación sobre esto ... ¿Estoy haciendo algo mal o es imposible con esta biblioteca?