Line Chart

Charts

Multi-series line chart with area fill, dots, grid, legend and responsive width.

Instalação via CLI

$ npx kikitocn add line-chart

Interno:

@/lib/utils

Exemplo de uso

Line ChartExample.tsx

import { LineChart } from "@/components/ui/cn/line-chart/LineChart";

export function LineChartExample() {
  return (
    <LineChart />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`series*`	`LineChartSeries[]`	—	Séries: { label, data: number[], color? }
`labels`	`string[]`	`undefined`	Labels do eixo X
`height`	`number`	`200`	Altura em px
`showArea`	`boolean`	`true`	Preenche a área abaixo da linha
`showDots`	`boolean`	`true`	Exibe pontos nos dados
`showGrid`	`boolean`	`true`	Exibe linhas de grade horizontal
`showLegend`	`boolean`	`true`	Exibe legenda das séries

Carregando…