Line Chart

A multi-series chart with an interactive glass tooltip.

Install

npx shadcn add @clearly/line-chart

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

<LineChart />

Every Clearly component also accepts glass (subtle·medium·strong), specular and className.

Prop	Type	Default	Description
`data`	`Array<Record<string, unknown>>`	`—`	Row data for the chart.
`config`	`ChartConfig`	`—`	Recharts color/label config keyed by data field.
`xKey`	`string`	`"day"`	Field name for the X-axis labels.
`series`	`Array<{ key: string; strokeWidth?: number; dotRadius?: number }>`	`—`	Line series; defaults to all keys in config.