Dans ce cours en ligne, nous allons apprendre à réaliser des graphiques statistiques en utilisant la librairie JavaScript nommée Chart.js
Nous allons apprendre à utiliser cette librairie JS de manière extrêmement simple. Le but n'étant pas de se noyer avec toutes les possibilités qu'offre Chart.js.
Nous allons voir ensemble les trois graphiques les plus utilisés :
- Le graphique "camembert"
Un graphique camembert nous permet d'obtenir visuellement des tranches de statistiques. - Le graphique en "ligne"
Un graphique en ligne nous permet d'obtenir une abscisse ainsi qu'une ordonnée afin de mieux apprécier les hausses ou les baisses. Il nous permet également de pouvoir superposer des lignes de statistiques. - Le graphique en "barre"
Un graphique en barre nous permet d'obtenir un visuel de statistique sous la forme d'une barre plus ou moins haute.
Afin d'utiliser ces graphiques et de les mettre en forme, nous utiliserons le langage JavaScript au travers de la librairie Chart.js.
Ceci nous permettra de positionner un certain nombre d'éléments ainsi que de leur mettre de la couleur afin de rendre nos graphiques plus lisibles et plus limpides.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
La version de Chart.js utilisée dans ce tuto est la version 3.7
Pour aller plus loin, je propose une formation pour devenir un Pro du développement en JS.
Avis des apprenants