CmBarChart
Gráfico de barras simples para leitura rápida.
Import
Caminho público recomendado para este componente.
import { CmBarChart } from "cosmemilton-ui";data usa itens no formato { label: string; value: number; color?: string }.
value precisa ser numérico; a escala é calculada pelo maior valor recebido.
Use orientation="horizontal" para comparação por rótulos longos ou listas compactas.
Use orientation="vertical" para séries curtas, como evolução por mês ou categoria.
showGrid exibe linhas horizontais de referência no fundo do gráfico vertical; ele não cria uma grade de layout.
Em gráficos verticais, ajuste height para reservar área suficiente para as barras, valores e eixo.
O componente é somente leitura: mudanças vêm pela troca de data no consumidor.
Horizontal
Bom para rankings e rótulos que precisam ser lidos antes do valor.
Vertical
Bom para comparar poucas categorias lado a lado. showGrid mostra linhas horizontais de referência atrás das barras.
Vertical sem linhas de referência
Para uma leitura mais limpa, esconda as linhas horizontais de referência com showGrid={false}.