Stacked bars

Series stacked on a shared baseline.

JanFebMarAprMayJun020406080
Chart of Projects published, Proposals accepted over 6 points
monthProjects publishedProposals accepted
January2418
February3122
March2825
April3530
May4236
June3833
y={{ keys: ["projects", "bookings"], stacked: true }}

API

Stacked bars are Chart.Bars with stacked set on both the mark and the value axis; there is no separate component, so the props are the same ones.

PropTypeDefault
fill((datum: Record<string, unknown>, index: number) => string)Per-datum fill, for charts coloured by row rather than by series.
gapnumberPixels between two bars of the same category.
keysreadonly string[]Series to draw. Defaults to the root's value keys.
radiusnumber4Corner radius of each bar, in pixels.
stackedbooleanStacks the series into one bar per category instead of grouping them side by side.

Plus every <g> prop. Source: chart/components/chart-bars.tsx.