Skip to main content
All docs
V25.1
  • DxRangeSelectorChart.BottomIndent Property

    Specifies the vertical indent between the Range Selector background‘s bottom edge and the lowest series point.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [Parameter]
    public double BottomIndent { get; set; }

    Property Value

    Type Description
    Double

    A value between 0 and 1.

    Remarks

    Use TopIndent and BottomIndent properties to configure indents for the Range Selector’s DxRangeSelectorChart component.

    Range Selector - Chart Indents

    <DxRangeSelector Width="500px"
                     Height="200px"
                     Data="@Data">
        <DxTitleSettings Text="Population by Country, 2023" />
        <DxRangeSelectorChart TopIndent="0.5" BottomIndent="0.5">
            <DxChartBarSeries ArgumentField="@((PopulationPoint s) => s.Country)"
                              ValueField="@((PopulationPoint s) => s.Value)" />
        </DxRangeSelectorChart>
        <DxRangeSelectorBackground Color="#ebf9fa" />
    </DxRangeSelector>
    
    @code {
        List<PopulationPoint> Data;
        protected override void OnInitialized() {
            Data = GetData();
        }
    }
    
    See Also