LineChart
v1.0.10Updated 20 Oct 2026Recharts-backed line chart with multi-series, area fill, straight-segment, and dashed-forecast modes. The default time-series chart.
Preview
Live · 12 stories▸Why this is recommendedchartlinerechartstime-series+3
The default, out-of-the-box LineChart.
- ✓Time-series trends
- ✓KPI history
- ✓Multi-line comparisons
- Multi-series
- Area fill (gradient or solid)
- Straight / monotone interpolation
- Forecast tail (dashed segment)
- MiniLine variant for inline
- i18n: numbers/axis values format per LocaleProvider locale
- ✕Categorical comparison (use BarChart)
- ✕Part-of-whole (use PieChart)
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
yesseriesMulti-series config
—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
—