O'Reilly logo

JavaScript by Example by Dani Akash S

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Adding charts to the website using Chart.js

We just created a nice little registration form for our users. It's now time to work with the second section of our Event Registration app. The status page shows a chart for the number of people interested in the event based on experience, profession, and age. If you open the status page now, it should show a data loading... message with the loading indicator image. But I have built all the necessary components needed for this page in the status.html file. They are all currently hidden using Bootstrap's .hidden class.

Let's see what's present in the status.html file. Try removing the .hidden class from each of the following sections to see how they look in the web application.

First is the loading ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required