LineChart
Séries temporais e evolução contínua de indicadores.
LineCharttendência
Quando usar
Quando a ordem temporal importa e você precisa comparar trajetórias.
Quando evitar
Poucos pontos discretos sem continuidade — prefira barras.
Cenário ilustrativo
Leads qualificados por canal (dados ilustrativos).
Variações
- múltiplas séries
- com pontos
Interações
- tooltip
- legend-toggle
- period-switch
Importação
import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from "@/components/ui/chart"
import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts"Demonstração
Carregando…
Tema no header · prefers-reduced-motion desativa animação das séries.