Blazor Range Selector

• May 28, 2025

DevExpress Blazor Range Selector (<DxRangeSelector>) visualizes data on a linear scale. Users can select a range of values by dragging sliders or moving the entire selected range.

Run Demo: Overview Run Demo: Filtering Run Demo: Discrete ScaleRead Tutorial: Explore features

API Reference

Refer to the following list for the component API reference: DxRangeSelector Members.

Features and Capabilities

For in-depth information about DevExpress Range Selector for Blazor, review the following sections in the DxRangeSelector class description:

• Bind to Data

• Range Selection

  • Select a Range in Code
  • Limit the Range Length
  • React to Selection Changes

• Scale

  • Scale Range
  • Tick Intervals

• Chart

  • Series
  • Axes
    • Axis Types
    • Axis Ranges

• Title and Subtitle

• Export and Printing

• Size

• Customization

  • Individual Elements
  • Background and Shutters
  • Palette

• Localization