Skip to main content
All docs
V25.1
  • DxRangeSelectorScaleMarkerLabel Class

    Contains settings for scale marker labels.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    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

    <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