Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxRangeSelectorChart.BarGroupPadding Property

Specifies left and right bar group paddings for scale ticks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(0.3)]
[Parameter]
public double BarGroupPadding { get; set; }

#Property Value

Type Default Description
Double 0.3

A value from 0 to 1.

#Remarks

The BarGroupPadding property defines summarized left and right padding values. The property accepts values from 0 to 1, where 0 removes paddings and 1 sets minimum bar widths.

The BarGroupPadding property value affects bar widths: the higher the BarGroupPadding property value, the narrower the bars are. You can use the BarGroupWidth property to explicitly specify the bar group’s width. In this case, the BarGroupPadding property value has no effect.

The following code snippet removes bar group paddings:

Razor
<DxRangeSelector Width="500px"
                 Height="200px"
                 Data="@Data">
    <DxRangeSelectorChart BarGroupPadding="0">
        @* ... *@
    </DxRangeSelectorChart>
</DxRangeSelector>
See Also