Skip to main content
All docs
V24.2

DxRangeSelectorChart.TopIndent Property

Specifies the vertical indent between the Range Selector background‘s top edge and the topmost series point.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public double TopIndent { 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