19,00

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

19,00

  • Une formation vidéo de 57m49s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Créer facilement des graphiques de stats avec Chart.JS

ajouter ce cours aux favoris retirer ce cours des favoris

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.

Table des matières de cette formation JavaScript (durée : 57m49s)

  • Installation de la librairie Chart.JS
    • Installer la librairie Chart.JS 00:13:34
  • Création d'un graphique de type "camembert"
    • Créer notre premier graphique de type "camembert" 00:07:53
    • Mettre en forme notre graphique 00:06:26
    • Ajouter des options à notre graphique 00:05:25
  • Création d'un graphique de type "ligne"
    • Créer notre graphique de type "ligne" 00:06:50
    • Superposer deux lignes sur un même graphique 00:05:11
  • Création d'un graphique de type "barre"
    • Créer notre graphique de type "barre" 00:02:21
  • Pour aller plus loin
    • Positionner le graphique sur la page web 00:05:50
    • Pour aller plus loin 00:04:19



Formateur : Carl Brison

Carl Brison a publié 273 tutoriels et obtenu une note moyenne de 4,9/5 sur 17 368 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

5,0
note moyenne

1
avis laissé
5 étoiles
1
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • Avec quelle version de logiciel ce tuto est-il compatible ?
    chart JS 3.7
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Les codes sources de ce tuto
Parcours Developpeur Front End
accédez à plus de 1432 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données