Range Selector / Default

Blazor Range Navigator Example

Loading Syncfusion Blazor Server Demos…

This sample visualizes Bitcoin price ranges using an Area series within the Range Navigator, with an interactive tooltip displaying the selected range values.

Customization features:

  • Use SelectedRegionColor to customize the appearance of the selected range region
  • Use UnselectedRegionColor to customize the unselected region appearance
  • Create distinct visual contrast for better user interaction feedback

More information: documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
Documentation
Forum
Blog
Knowledge Base
Copyright © 2001 - 2025 Syncfusion® Inc.