1. Como Fazer um Gráfico de Histograma, Parte 1

Como Fazer um Gráfico de Histograma

Como Fazer um Gráfico de Histograma no Chart.js. Um gráfico de histograma é um tipo de gráfico diferente em comparação com um gráfico de barras. Eles têm muitas semelhanças, mas a escala do eixo x é diferente.

Este vídeo aborda como criar um gráfico de histograma no Chart.js. Vamos usar a estrutura de gráfico de barras como nosso ponto de partida.

O que torna um gráfico de histograma diferente em comparação com um gráfico de barras?

Diferença 1: O gráfico de histograma não contém nenhum espaço entre cada barra.

No gráfico de histograma, não há espaço entre cada barra. Elas devem estar todas conectadas umas às outras, pois a escala-x geralmente mede um intervalo de tempo entre cada barra. Ter espaço entre cada barra indicaria nenhuma atividade durante aquele intervalo específico.

Diferença 2: Os rótulos do eixo-x estão entre as barras, não abaixo delas.

Em segundo lugar, os rótulos do eixo x não ficam abaixo das barras. Em um gráfico de barras, isso acontece, mas em um gráfico de histograma, eles devem estar entre as barras. Isso indica um intervalo de tempo em que, por exemplo, uma hora específica começa e termina.

Obtenha o código padrão do Chart.js para começar:

Para começar com o gráfico de histograma, usaremos o código padrão da página começando com o Chart.js. Esse código padrão fornecerá um ótimo ponto de partida.

Estruturas de dados para um gráfico de histograma no Chart.js

Um gráfico de histograma precisará de 2 pontos de dados específicos. Lidaremos com as coordenadas x e y. Isso significa que usaremos estruturas de dados.