Stacked column chart

Comparison. Sales by account size and product, a color per product, the legend below, the total in the tooltip, and a period switch on one axis.

Library

Sales by account size and product

This year, USD

Stacked column chart to 100%

Opportunity outcomes by region as shares of each column, stacked to 100%, with each part's count and share in the tooltip.

Share of opportunities by region and outcome

This quarter

Stacked column chart is drawn with the Chart component. Add it, then copy the code from the Code tab above.

pnpm dlx shadcn@latest add @wisty/chart

The CLI installs the Radix or Base UI file to match your project.