StackedBarChart

One stacked bar per category, a segment per series, totals in the titles.

Source

Import

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

Demos

Vertical · Open in Storybook

Horizontal · Open in Storybook

Thinned Labels · 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
categories*	string[]	—	—
className	string	—	—
format	(…) => string	—	—
height*	number	—	—
legend	boolean	—	Defaults to on for two or more series.
orientation	enum	vertical	—
series*	ChartSeries[]	—	`values[i]` is the series' amount in `categories[i]`.
width*	number	—	—