Sometimes, we want to dynamically update values of a Chart.js chart with JavaScript.

In this article, we’ll look at how to dynamically update values of a Chart.js chart with JavaScript.

How to dynamically update values of a Chart.js chart with JavaScript?

To dynamically update values of a Chart.js chart with JavaScript, we set the data set value and update the chart.

For instance, we write

myBarChart.data.datasets[0].bars[2].value = 50;
myBarChart.update();

to set the value we want to update with

myBarChart.data.datasets[0].bars[2].value = 50;

Then we call update to update the chart.

Conclusion

To dynamically update values of a Chart.js chart with JavaScript, we set the data set value and update the chart.