AreaChart
v1.0.10Updated 20 Oct 2026Recharts-backed area chart with stacked + threshold variants. Use to emphasise cumulative volume over time.
Preview
Live · 7 stories▸Why this is recommendedchartarearechartstime-series+3
The default, out-of-the-box AreaChart.
- ✓Cumulative volume over time
- ✓Stacked composition trends
- ✓Threshold-bounded metrics
- Stacked or overlaid areas
- Threshold bands
- Gradient fill
- Multi-series
- i18n: numbers/axis values format per LocaleProvider locale
- ✕Categorical compares (use BarChart)
- ✕Sharp discrete data (use LineChart)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
dataRows of time-ordered data
yesstackedStack series
—allowDecimalsLet the value axis place fractional ticks. Defaults to false for the whole-number formats (integer, currency) so a series whose maximum is 1 does not render a rounded, repeating axis (0, 0, 1, 1, 1)
—tickCountHow many ticks the value axis should aim for. Defaults to five, or to the number of whole steps the data spans when that is fewer, so a single-count series reads 0, 1
—