Radzen Blazor Chart with step line series
A step line chart holds each value flat until the next point, then jumps - drawing a staircase that suits values which change in discrete steps rather than sliding smoothly.
Frequently asked questions
When should I use a step line?
When a value stays constant between readings and changes suddenly - interest rates, inventory counts, a setting that holds until updated. A straight line would imply gradual change that did not happen.
How is it different from a spline?
A spline smooths between points, suggesting continuous change. A step line does the opposite: it keeps each value level and shows the change as a clean jump.
Radzen Blazor Newsletter
Get an email when new components and releases ship.
Save Hours on Every Project
With Radzen Blazor subscription you get the full toolkit, including:
Dedicated support backed by proven expertise
Premium themes and theme editor
Ready-to-use UI blocks
Complete app templates
Visual design-time-experience
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT
- DataGridkeyboard_arrow_down
- Data-bindingkeyboard_arrow_down
- Virtualizationkeyboard_arrow_down
- Columnskeyboard_arrow_down
- Filteringkeyboard_arrow_down
- Hierarchykeyboard_arrow_down
- Selectionkeyboard_arrow_down
- Sortingkeyboard_arrow_down
- Pagingkeyboard_arrow_down
- Groupingkeyboard_arrow_down
- Custom Headerkeyboard_arrow_down
- Save/Load settingskeyboard_arrow_down
- Drag & Dropkeyboard_arrow_down
- Data Visualization Updated keyboard_arrow_down
- Configurationkeyboard_arrow_down
- Area Chartkeyboard_arrow_down
- Bar Chartkeyboard_arrow_down
- Column Chartkeyboard_arrow_down
- Line Chartkeyboard_arrow_down
- Waterfall Chartkeyboard_arrow_down
- Part-to-Whole Chartskeyboard_arrow_down
- Scatter & Bubblekeyboard_arrow_down
- Financial Chartskeyboard_arrow_down
- Statistical & Interactivekeyboard_arrow_down
- Gaugeskeyboard_arrow_down
- Zoom & Navigationkeyboard_arrow_down
- Formskeyboard_arrow_down
- DropDownkeyboard_arrow_down
- HtmlEditorkeyboard_arrow_down
- Spreadsheet New keyboard_arrow_down
- PivotDataGridkeyboard_arrow_down
- Document Processing New keyboard_arrow_down
- Datakeyboard_arrow_down
- DataListkeyboard_arrow_down
- DataFilterkeyboard_arrow_down
- Ganttkeyboard_arrow_down
- Treekeyboard_arrow_down
- Navigationkeyboard_arrow_down
- Layoutkeyboard_arrow_down
- UI Fundamentalskeyboard_arrow_down
- App Templateskeyboard_arrow_down
- UI Blocks Prokeyboard_arrow_down
- Imageskeyboard_arrow_down
- Feedbackkeyboard_arrow_down
- Alertkeyboard_arrow_down
- Validatorskeyboard_arrow_down
Demos Configuration
Premium Themes
- Material 3
- Material 3 Dark
- Material 3 Expressive
- Material 3 Expressive Dark
- Fluent
- Fluent Dark
Free Themes
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark