Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRangeSelectorScaleMarkerLabel Class

Contains settings for scale marker labels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public class DxRangeSelectorScaleMarkerLabel :
    DxComplexSettingsComponent<DxRangeSelectorScaleMarkerLabel, RangeSelectorScaleMarkerLabelModel>,
    IModelProvider<TextFormatSettingsModel>

#Remarks

Scale markers accompany the scale axis that displays DateTime values. A scale marker consists of a separator and label.

Range Selector - Scale Markers

Add a DxRangeSelectorScaleMarkerLabel object to the DxRangeSelectorScaleMarker component markup to configure settings of marker labels in DxRangeSelector.

Show Nested Component Structure

The DxRangeSelectorScaleMarkerLabel component allows you to add a DxTextFormatSettings object to the component markup to customize format settings of marker labels.

#Example

The following code snippet configures scale markers and their labels:

Range Selector - Scale Marker Customization

Razor
<DxRangeSelector Width="1000px"
                 Height="400px"
                 SelectedRangeStartValue="@(new DateTime(2024, 2, 1))"
                 SelectedRangeEndValue="@(new DateTime(2024, 2, 14))">
    <DxRangeSelectorScale StartValue="@(new DateTime(2024, 1, 1))"
                          EndValue="@(new DateTime(2024, 6, 1))"
                          MinorTickInterval="ChartAxisInterval.Day"
                          TickInterval="ChartAxisInterval.Week"
                          MaxRange="ChartAxisInterval.Month"
                          MinRange="ChartAxisInterval.Week"
                          ValueType="ChartAxisDataType.DateTime">
        <DxRangeSelectorScaleMarker IndentFromScaleLabel="0"
                                    LabelLeftIndent="25"
                                    LabelTopIndent="20"
                                    SeparatorHeight="50">
            <DxRangeSelectorScaleMarkerLabel>
                <DxTextFormatSettings Type="TextFormat.MonthAndYear" />
            </DxRangeSelectorScaleMarkerLabel>
        </DxRangeSelectorScaleMarker>
    </DxRangeSelectorScale>
    <DxRangeSelectorSliderMarker>
        <DxTextFormatSettings Type="TextFormat.MonthAndDay" />
    </DxRangeSelectorSliderMarker>
</DxRangeSelector>

#Inheritance

Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorScaleMarkerLabelModel>
DxComplexSettingsComponent<DxRangeSelectorScaleMarkerLabel, DevExpress.Blazor.Internal.RangeSelectorScaleMarkerLabelModel>
DxRangeSelectorScaleMarkerLabel
See Also