Я создал базовую гистограмму с использованием 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(), значения reset равны 0, а затем анимируются на случайное значение (например, я воссоздаю диаграмму). Таким образом, все анимации всегда от 0 до значения, которые выглядят странно. Я ожидал бы, что, если я обновляю значение от 50 до 10, бар будет уменьшаться до 10 с 50 и не будет установлен на 0, а затем анимирован до 10.
В документах я ничего не нашел... я делаю что-то неправильно или это невозможно в этой библиотеке?