All Demos / Range Selector / Axis / Numeric Axis

Blazor Range Navigator Numeric Axis Example

Loading Syncfusion Blazor Server Demos…
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant Accessibility report VPAT

This sample uses a numeric Range Navigator axis to depict cricket match data between two countries, with an interactive tooltip displaying the selected range.

Configuration:

  • Set the ValueType property to Double to render a numeric axis
  • Numeric axes are ideal for non-time-series data requiring precise value-based range selection

More information: documentation section.