Core
Bar Chart
A bar chart displays categorical data using rectangular bars, making comparisons across groups easy to read at a glance.
Example
Usage
Features
- Clear comparison between categories.
- Supports stacked and grouped series.
- Uses LibravelUI chart tokens by default.
- Works with custom axes, tooltips, and legends.
- Keeps labels and colors consistent with the theme.
Installation
Copy the shared chart utilities and the chart component you need into your project.
npx libravelui@latest add bar-chartAnatomy
import { BarChart } from "@/components/ui/core/charts/bar-chart";<BarChart
data={data}
dataKey="month"
config={{
revenue: { label: "Revenue" },
profit: { label: "Profit" },
}}
/>Props
Loading types…