Hextech UI

Charts

Live example

Charts

Practice resources

Use arrow keys to explore readings. The data table contains equivalent values.
View chart data
Practice resources readings
PositionResources
058
1014

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/charts.json

API reference

These are the main Charts options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
titlestring (required)—
data / x / seriesreadonly T[] / category accessor / ChartSeries<T>[]—
heightnumber260
curvelinear | smooth | steplinear
points / legendbooleantrue
onSelect(row, seriesId) => void—

Usage notes

Provide a meaningful title and readable data. Keep a tabular alternative available. Import charts from the optional subpath so a basic control does not require the chart engine.