Динамически обновлять значения диаграммы chartjs

Я создал базовую гистограмму, используя chartjs, и она отлично работает. Теперь я хочу обновить значения на временной интервал. Моя проблема в том, что после того, как я создал график, я не знаю, как правильно обновить его значения ...

Мой код:

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

в тестовом коде я обновляю значенияdatasets[0].data- это правильный способ сделать это? Проблема в том, что каждый раз, когда я звонюchart.Bar()значения сбрасываются на 0, а затем анимируются на случайное значение (как будто я воссоздаю диаграмму). Таким образом, все анимации всегда имеют значение от 0 до значения, что выглядит странно. Я ожидал бы, что если я обновлю значение с 50 до 10, полоса опустится до 10 с 50 и не будет установлена на 0, а затем анимирована до 10.

Я не нашел в документации ничего по этому поводу ... я делаю что-то не так или это невозможно с этой библиотекой?

Ответы на вопрос(11)

Ваш ответ на вопрос