Динамически обновлять значения диаграммы 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.
Я не нашел в документации ничего по этому поводу ... я делаю что-то не так или это невозможно с этой библиотекой?