Skip to content

Area chart

Trending. Sales by month as one series, a line with a dot on each point over a flat 20% fill, and a period switch on the same scale.

Library
What’s this?
Sales by month
This year, USD

Area chart with a running total

Closed won by week added up into a running total, crossing a dashed quota line, with each week's amount and the total in the tooltip.

Running total of closed won by week
Last quarter, USD

Installation

Area 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.

Other chart types

Chart: the API, colors and rules for every type