Chart

Gráficos baseados em Recharts, estilizados com os tokens do sistema (chart-1 a chart-5). As cores vêm do ChartConfig.

import {
  ChartContainer, ChartTooltip, ChartTooltipContent,
  ChartLegend, ChartLegendContent, type ChartConfig,
} from "@/components/ui/chart"
import { Bar, BarChart, CartesianGrid, XAxis } from "recharts"

Receita x Despesa (barras)

Comparativo mensal nos últimos 6 meses.

Saldo acumulado (área)

Receita menos despesa por mês.