1. Comment créer un graphique histogramme

Comment créer un graphique histogramme

Comment créer un graphique histogramme (histogram chart) dans Chart.js. Un graphique histogramme est un type de graphique différent par rapport à un graphique à barres. Ils ont de nombreuses similitudes, mais l'échelle de l'axe des x est différente.

Cette vidéo explique comment créer un graphique histogramme (histogram chart) dans Chart.js. Nous utiliserons la structure d'un graphique à barres comme point de départ.

Qu'est-ce qui rend un graphique histogramme différent par rapport à un graphique à barres?

Différence 1: Un graphique histogramme n'a pas d'espace entre chaque barre.

Avec le graphique histogramme, il n'y a pas d'espace entre chaque barre. Elles doivent toutes être attachées les unes aux autres parce que l'axe des x mesure généralement un intervalle de temps entre chaque barre. Avoir de l'espace entre chaque barre indiquerait qu'il n'y a aucune activité pendant cet intervalle spécifique.

Différence 2: Les étiquettes de l'axe des x se trouvent entre les barres, pas en dessous.

Deuxièmement, les étiquettes de l'axe des x ne se trouvent pas en dessous des barres. Dans un graphique à barres, c'est le cas, mais pour un graphique histogramme, elles doivent être placées entre les barres. Cela indique un intervalle de temps où, par exemple, une heure spécifique commence et se termine.

Obtenez le code Chart.js par défaut pour commencer.

Pour commencer avec le graphique histogramme, nous utiliserons le code par défaut de la page " Démarrage avec Chart.js. Ce code par défaut vous donnera un excellent point de départ.

Structures de données pour un graphique histogramme

Un graphique histogramme nécessitera deux points de données spécifiques. Nous traiterons les coordonnées x et y. Cela signifie que nous utiliserons des structures de données.