Learn Chart.js

Data updates

An interactive chart may display data that is changing periodically. A web page might contain an algorithm that changes data automatically; it may download new data files with new data, or it may allow the user to enter or request changes in the source-data values. In any of these cases, as soon as the new data is available, the chart should be updated. Data updates can occur automatically inside callback functions or can be explicitly called using the update() command. To use it, you will need to save a variable handle to the chart object:

const chart = new Chart(…); // make changes chart.update();

When using callbacks, you can usually refer to the current instance of the chart, using the this keyword:

callback: function() { ...