Chart.Area

A filled line, for continuous quantities over time.

JanFebMarAprMayJun01020304050
Chart of Projects published, Proposals accepted over 6 points
monthProjects publishedProposals accepted
January2418
February3122
March2825
April3530
May4236
June3833
<Chart.Area />

API

PropTypeDefault
curveChartCurve"monotone"How points are joined: linear, monotone or step.
fillOpacitynumber0.25Opacity of the fill under the line. Lower it when areas overlap.
gradientbooleantrueFade the fill towards the baseline instead of filling flat.
keysreadonly string[]Series to draw. Defaults to the root's value keys.
stackedbooleanStacks the areas into a running total instead of overlaying them.
strokeWidthnumber2Width of the line along the top of the area, in pixels.

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

An area claims the space under the line means something, so reach for it on totals and volumes rather than on rates. Stacked areas compound that claim — only stack series that genuinely sum.