API Reference

Complete prop reference for every Chart.ts component. Flat API - every option is a top-level prop.

Common props

All chart types share these props: data (array), width, height, className, theme, renderer, animate, accessible, responsive, locale, and onReady. Most are optional with sensible defaults.

Data binding

Every chart takes a data prop (array of objects) and x/y props (string keys of your data). For multi-series charts, use series prop with an array of y keys. Type inference ensures you can only reference fields that exist.

Styling props

Every visual element has a className prop: lineClassName, barClassName, axisClassName, labelClassName, tooltipClassName, legendClassName. Apply Tailwind classes directly.

Event handlers

onClick, onHover, onLeave for data point interactions. onBrush for selection ranges. onZoom for zoom changes. All callbacks receive the data point, index, and chart instance.

Chart-specific props

Each chart type has unique props. LineChart: curve, area, dots. BarChart: stacked, horizontal, groupPadding. PieChart: donut, innerRadius, padAngle. See individual chart docs for details.

Related