Créer facilement des graphiques de stats avec Chart.JS

Dans ce tutoriel, 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 pouvoir 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.

La version de Chart.JS utilisée dans ce cours sera la version 3.7

  • Durée de ce tuto: 57min
  • Tarif de ce tuto: 19 €
  • Date de ce tuto: 2022-03-25

Il y a actuellement 327 tutos

Il y a actuellement 23 bundles

Formation frontend :

Formation backend :

Formation logiciel :

Formation CMS

Carl Brison Formateur, Développeur et Auteur

Tuto. Créer facilement des graphiques de stats avec Chart.JS

Tutos qui pourraient vous intéresser

Bienvenue sur mon site. En poursuivant votre visite, vous accepez l'utilisation des cookies. Plus d'infos