1. Cómo hacer un Gráfico de Histograma

Cómo hacer un Gráfico de Histograma

Cómo hacer un Gráfico de Histograma en Chart.js. Un gráfico de histograma es un tipo diferente de gráfico en comparación con un gráfico de barras. Tienen muchas similitudes, pero la escala del eje x es diferente.

Este video cubre cómo crear un gráfico de histograma en Chart.js. Utilizaremos la estructura de un gráfico de barras como punto de partida.

¿Qué hace que un gráfico de histograma sea diferente en comparación con un gráfico de barras?

Diferencia 1: Un gráfico de histograma no contiene ningún espacio entre cada barra.

Con el gráfico de histograma, no hay espacio entre cada barra. Deberían estar todas unidas entre sí porque la escala x generalmente mide un intervalo de tiempo entre cada barra. Tener espacio entre cada barra indicaría que no hay actividad durante ese intervalo específico.

Diferencia 2: Las etiquetas del eje x están entre las barras, no debajo.

En segundo lugar, las etiquetas del eje x no están debajo de las barras. En un gráfico de barras, este es el caso, pero en un gráfico de histograma, deberían estar entre las barras. Esto indica un intervalo de tiempo donde, por ejemplo, comienza y termina una hora específica.

Obtén el código predeterminado de Chart.js para empezar.

Para empezar con el gráfico de histograma, utilizaremos el código predeterminado de la página Comenzando con Chart JS. Este código predeterminado te proporcionará un excelente punto de partida.

Estructuras de datos para un Gráfico de Histograma

Un gráfico de histograma requerirá 2 puntos de datos específicos. Estaremos tratando con las coordenadas x e y. Esto significa que utilizaremos estructuras de datos.