Skip to main content
All docs
V25.1
  • DxRangeSelectorScaleLabel.Overlap Property

    Specifies how the <DxRangeSelector> component resolves scale label overlapping.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [DefaultValue(RangeSelectorLabelOverlap.Hide)]
    [Parameter]
    public RangeSelectorLabelOverlap Overlap { get; set; }

    Property Value

    Type Default Description
    RangeSelectorLabelOverlap Hide

    An enumeration value.

    Available values:

    Name Description
    Hide

    Hides overlapping scale labels.

    None

    Leaves scale labels overlapped.

    Remarks

    The DxRangeSelectorScaleLabel component shows and configures scale labels in the Range Selector. These settings apply to all scale labels.

    Use the Overlap property to specify how the Range Selector resolves scale label overlap.

    Range Selector - Scale Label Overlap

    <DxRangeSelector Width="700px"
                     Height="350px"
                     Data="@Data"
                     ValueChangeMode="RangeSelectorValueChangeMode.OnHandleMove">
        <DxTitleSettings Text="Population by Country, 2023" />
        <DxRangeSelectorScale>
            <DxRangeSelectorScaleLabel Overlap="RangeSelectorLabelOverlap.Hide" />
        </DxRangeSelectorScale>
        <DxRangeSelectorChart>
            @* ... *@
        </DxRangeSelectorChart>
    </DxRangeSelector>
    
    See Also