Radzen Blazor Range Navigator
A range navigator is a small overview chart with a draggable selection that controls the visible range of a larger chart - the familiar strip you drag to frame a window of time.
With Series linkLink to this section
Use RadzenRangeNavigatorLineSeries as child content to display a mini-chart preview of the full data range inside the navigator.
Set ShowHandleLabels to display the current range values next to the drag handles - format them with HandleLabelFormatString or provide a HandleLabelFormatter function for full control (e.g. custom calendars or culture-specific output).
ACME Corp (ACME) — Daily Stock Price
Compact linkLink to this section
Use the RadzenRangeNavigator without child content for a compact range selector. The component automatically renders as a compact track bar.
Selected: Jan 01, 2025 — Dec 31, 2025
Frequently asked questions
When should I use a range navigator?
When readers need to move through a long series and keep their bearings; the mini-chart shows the whole picture while the selection frames the part on display.
How is it different from zoom and pan?
Zoom and pan act on the chart itself. A range navigator adds a separate overview strip, so readers always see the full extent while choosing the window.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT
On this page