DxRangeSelectorScaleMarkerLabel Class

Contains settings for scale marker labels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.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.

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

Show Nested Component Structure

• DxRangeSelector
  • DxRangeSelectorScale
    • DxRangeSelectorScaleMarker
      • DxRangeSelectorScaleMarkerLabel
        • DxTextFormatSettings

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:

<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>

Implements

IComponent

IHandleEvent

IHandleAfterRender

IDisposable

Inheritance

Object

ComponentBase

DxSettingsComponent<DevExpress.Blazor.Internal.RangeSelectorScaleMarkerLabelModel>

DxComplexSettingsComponent<DxRangeSelectorScaleMarkerLabel, DevExpress.Blazor.Internal.RangeSelectorScaleMarkerLabelModel>

DxRangeSelectorScaleMarkerLabel