RadzenRangeNavigator Class

RadzenRangeNavigatorlink

A standalone range navigator component that displays a mini-chart with a draggable selection window. Connect to a RadzenChart via two-way binding on Start/End and the chart's ViewStart/ViewEnd.

Declaration

public RadzenRangeNavigator()

AxisFormatStringlink

Gets or sets the format string for axis tick labels. Use standard .NET format strings, e.g. "{0:MMM yyyy}" for dates or "{0:N0}" for numbers. When not set, defaults to a short representation based on the data type.

Declaration

public string AxisFormatString { get; set; }

Property Value

ChildContentlink

Gets or sets the child content (navigator series).

Declaration

public RenderFragment ChildContent { get; set; }

Property Value

Endlink

Gets or sets the end of the selected range as a fraction (0-1). Supports two-way binding with @bind-End.

Declaration

public double End { get; set; }

Property Value

EndChangedlink

Gets or sets the callback invoked when the End value changes due to user interaction.

Declaration

public EventCallback<double> EndChanged { get; set; }

Property Value

HandleLabelFormatStringlink

Gets or sets the format string for handle labels. Use standard .NET format strings, e.g. "{0:MMM dd, yyyy}" for dates. When not set, defaults to a short representation based on the data type.

Declaration

public string HandleLabelFormatString { get; set; }

Property Value

Maxlink

Gets or sets the maximum value for the axis. Use when there are no child series to define the range. Supports DateTime and numeric types.

Declaration

public object Max { get; set; }

Property Value

Minlink

Gets or sets the minimum value for the axis. Use when there are no child series to define the range. Supports DateTime and numeric types.

Declaration

public object Min { get; set; }

Property Value

ShowAxislink

Gets or sets whether an axis with tick labels is displayed below the navigator.

Declaration

public bool ShowAxis { get; set; }

Property Value

ShowHandleLabelslink

Gets or sets whether labels are displayed above the selection handles showing the current range values.

Declaration

public bool ShowHandleLabels { get; set; }

Property Value

Startlink

Gets or sets the start of the selected range as a fraction (0-1). Supports two-way binding with @bind-Start.

Declaration

public double Start { get; set; }

Property Value

StartChangedlink

Gets or sets the callback invoked when the Start value changes due to user interaction.

Declaration

public EventCallback<double> StartChanged { get; set; }

Property Value

BuildRenderTreelink

Declaration

protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)

Parameters

Disposelink

Declaration

public override void Dispose()

GetComponentCssClasslink

Declaration

protected override string GetComponentCssClass()

Returns

OnAfterRenderAsynclink

Declaration

protected override Task OnAfterRenderAsync(bool firstRender)

Parameters

Returns

OnNavigatorDraglink

Called from JS when the user drags the selection window or handles.

Declaration

public Task OnNavigatorDrag(double start, double end)

Parameters

Returns

OnResizelink

Called from JS when the navigator element is resized.

Declaration

public void OnResize(double width, double height)

Parameters

ShouldRenderlink

Declaration

protected override bool ShouldRender()

Returns