JavaScript by Example

Adding charts to the canvas elements

We have the required data in our class variable statisticData, with which the charts should be rendered. I have already added Chart.js to the project dependencies in the package.json file and it should have been installed when you executed the npm install command. Let's import Chart.js into our project by adding the following code at the top of the status.js file:

import Chart from 'chart.js';

It is not compulsory to add the import statements only on top of the file. However, adding the import statements on top gives us a clear view of all the dependencies of the module in the current file.

Chart.js provides a constructor with which we can create a new chart. The Chart constructor has the following syntax: ...