BarChart

A single-series bar chart: one bar per row, value labelled directly.

Source

Import

import { BarChart } from "@flanksource/clicky-ui/data";

Demos

Horizontal · Open in Storybook

Folded Into Other · Open in Storybook

Vertical · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
data*	BarChartDatum[]	—	—
format	(…) => string	—	—
height	number	—	Horizontal charts derive it from the row count when omitted.
maxBars	number	—	Show at most this many bars; the tail is summed into one "Other" bar.
orientation	enum	horizontal	—
width*	number	—	—