ComposedChart
Combina barras, linhas e áreas no mesmo plano.
ComposedChartcomparaçãotendência
Quando usar
Dois indicadores relacionados com unidades diferentes (eixo dual).
Quando evitar
Mais de duas escalas — a leitura colapsa.
Cenário ilustrativo
Receita (R$) vs taxa de conversão (%) — ilustrativo.
Variações
- barra + linha
- eixo dual
Interações
- tooltip
- legend-toggle
Importação
import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from "@/components/ui/chart"
import { Bar, CartesianGrid, ComposedChart, Line, XAxis, YAxis } from "recharts"Demonstração
Carregando…
Tema no header · prefers-reduced-motion desativa animação das séries.