Line Chart

Canvas-based line and area chart powered by Chart.js. Supports multiple series, smooth curves, area fill, and automatic dark mode theming.

Color overrides should use six-digit hex strings because these wrappers append alpha suffixes. For custom configurations and instance lifecycle, see Chart Base & Helpers. To fill a fixed-height container, set options={{ maintainAspectRatio: false }}.


Multi-series

Multiple datasets are colored automatically from the built-in palette.


Smooth area

Combine smooth and fill: true on a dataset for a smooth area chart.