Static WebAssembly demo on GitHub Pages. Everything runs in your browser; server-only features use labeled stand-ins. Run locally for the full Blazor Server experience.

ComponentsCharts

Line chart

Lines show how values change across ordered categories such as months. Choose a line when the trend matters more than any single value; for real timestamps, use a time series.

Several series

Mean monthly temperature in three cities. Values below zero extend the axis automatically.

-5051015202530Mean temperature (°C)JanFebMarAprMayJunJulAugSepOctNovDec
Lisbon
Oslo
Belém

Interpolation, markers and stroke

InterpolationOption bends the line between points. Straight is the honest default; splines are smoother but may overshoot the data.

050100150200JanFebMarAprMayJunJulAugSepOctNovDec
Rainfall in Porto (mm)

Stroke: 2 px

Areas and per-series overrides

LineDisplayType.Area fills under every line. SeriesDisplayOverrides changes one series only, here the observed level against a forecast line.

010203040506070W1W2W3W4W5W6W7W8
Reservoir level (%)
Forecast (%)

Showing and hiding series

CanHideSeries adds check boxes to the legend. Your own controls can set ChartSeries.Visible too.

010203040PM2.5 (µg/m³)06:0008:0010:0012:0014:0016:0018:0020:00

Axis range and format

Small changes look dramatic on a cropped axis. YAxisRequireZeroPoint starts the axis at zero; YAxisFormat formats the tick labels.

230 cm240 cm250 cm260 cm270 cm280 cm1 Mar2 Mar3 Mar4 Mar5 Mar6 Mar7 Mar
River level at the old bridge (cm)

Starting .NET in your browser…