Dados & visualização
CmChartFrame
Use como base compartilhada para gráficos customizados. Ele não desenha barras ou linhas sozinho; fornece cabeçalho, legenda, estado vazio/loading, altura estável e fallback tabular acessível ao redor do visual.
Import
import { CmChartFrame } from "cosmemilton-ui/server";Visual customizado com frame
O frame cuida da estrutura; o gráfico interno pode ser qualquer marcação, canvas ou SVG.
Receita
Moldura comum para um gráfico customizado.
- ReceitaR$ 291 mil
- Meta106%
| Mês | Receita | Meta |
|---|---|---|
| Jan | R$ 42 mil | R$ 38 mil |
| Fev | R$ 58 mil | R$ 48 mil |
| Mar | R$ 51 mil | R$ 52 mil |
| Abr | R$ 68 mil | R$ 56 mil |
| Mai | R$ 72 mil | R$ 60 mil |
API rápida
Props principais de cada peça exportada.
CmChartFrame
titledescriptionheightloadingloadingMessageloadingStateemptyemptyMessageemptyStatelegendtableshowAccessibleTable
Notas
O conteúdo visual é passado como children; use BarChart ou LineChart quando quiser o gráfico pronto.
A tabela fica visualmente oculta por padrão via cm-sr-only, mas preserva uma representação equivalente para tecnologia assistiva.
BarChart e LineChart já usam este frame internamente; use-o diretamente para gráficos customizados ou futuros adapters.