Bar Chart

Compare categorical data with rectangular bars. Supports vertical, horizontal, stacked, and grouped layouts.

Usage

example.tsx

import { BarChart } from "@chartts/react"

<BarChart
  data={quarterlyData}
  x="quarter"
  y={["revenue", "expenses"]}
  stacked
  radius={6}
/>

Props

Prop	Type	Description
data	T[]	Array of data objects
x	keyof T	Key for category labels
y	keyof T \| (keyof T)[]	Key(s) for bar values
stacked	boolean	Stack bars for multi-series. Default: false
horizontal	boolean	Render horizontal bars. Default: false
groupPadding	number	Padding between groups. 0-1. Default: 0.2
barPadding	number	Padding between bars in a group. 0-1. Default: 0.1
radius	number	Border radius for bar corners. Default: 4