BarStack (barras empilhadas/agrupadas)
Barras empilhadas por grupo, com alternância para modo agrupado.
BarStackcomposiçãocomparação
Quando usar
Comparar totais por categoria e, ao mesmo tempo, ver a composição interna.
Quando evitar
Muitas séries ou valores muito desiguais entre grupos.
Cenário ilustrativo
Leads por canal ao longo dos meses (ilustrativo).
Variações
- empilhado
- agrupado
Interações
- tooltip
- legend-toggle
- stack-toggle
Importação
import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from "@/components/ui/chart"
import { Bar, BarChart, BarStack, CartesianGrid, XAxis, YAxis } from "recharts"Demonstração
Carregando…
Tema no header · prefers-reduced-motion desativa animação das séries.