O gráfico é uma representação visual utilizada para apresentar dados. Podem ser usados, por exemplo, para mostrar padrões ou comparar informações.
Hoje usamos o framework Chart.js para a renderização dos gráficos.
<aside> ℹ️ Para saber mais sobre estruturas de painéis, visite a página Dashboard no menu Princípios aqui no DSM.
</aside>
1. Título/Title
O título é obrigatório em todos os gráficos. Ele serve para fornecer contexto ao usuário.
2. Descrição curta (opcional)
Use a descrição quando for necessário um texto complementar ao título para a contextualização ou quando precisar explicar um indicador. A descrição deve ser sucinta e caber na área destinada a ela em cada componente.
3. Legenda (opcional)
A legenda deve ser usada somente quando necessária. Se, por exemplo, o gráfico possuir apenas uma cor, não use legenda.
4. Gráfico
Completando o componente, temos de fato o gráfico. Este deve ser escolhido de acordo com o objetivo e os dados a serem apresentados. Falamos mais sobre isso no subtítulo Tipos de Gráficos.
As cores utilizadas nos gráficos não são as cores padrão do Purple, são cores específicas para uso nesse contexto e serão apresentadas na próxima seção.