Stacked Bar Chart
Stack series in a single bar to show contributions to a cumulative total for each category.
Source
LLM docs
Package
npm install @plocks/chartsExamples
1
Properties
44
Playground
Basics
Bar chart with segments stacked to show part-to-whole by category.
Loading demo…
import { StackedBarChart } from '@plocks/charts';
import { SERIES } from './data';
export function Demo() {
return (
<StackedBarChart
title="Quarterly ARR by motion"
h={320}
series={SERIES}
barSpacing={0.25}
xAxis={{ show: true, title: 'Quarter' }}
yAxis={{
show: true,
title: 'ARR (USD thousands)',
labelFormatter: (value) => `$${value}`,
}}
grid={{ show: true }}
legend={{ show: true, position: 'bottom' }}
animation={{ duration: 500 }}
/>
);
}Related charts
Further reading
React Native design for iOS, Android, and Web.
Quick Links
Resources