Dados & visualização
cosmemilton-ui/client

CmBarChart

Ideal para dashboards internos que precisam comparar grandezas sem introduzir uma dependência de gráficos pesada.

Import

tsx
import { CmBarChart } from "cosmemilton-ui/client";

Barras com frame

Inclui legenda automática, formatação de valor, tooltip nativo e tabela acessível.

Pedidos por mês
Com legenda, formatter e fallback tabular acessível.
42 pedidos
Jan
58 pedidos
Fev
36 pedidos
Mar
72 pedidos
Abr
64 pedidos
Mai
  • Jan42
  • Fev58
  • Mar36
  • Abr72
  • Mai64
Pedidos por mês em tabela
CategoriaValor
Jan42 pedidos
Fev58 pedidos
Mar36 pedidos
Abr72 pedidos
Mai64 pedidos

API rápida

Props principais de cada peça exportada.

CmBarChart

dataheightorientationshowValuesshowGridtitledescriptionloadingemptyMessagelegendvalueFormattooltipFormataccessibleTableLabel

Notas

CmBarChart usa CmChartFrame internamente para título, descrição, loading, vazio, legenda e tabela acessível.

Cada ponto aceita color explícito ou tone semântico; valueFormat formata valores visíveis e o fallback tabular.