DxPolarChart<T>.BarGroupPadding Property

Specifies left and right bar group paddings for argument axis ticks.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
Double	0.3	A value from 0 to 1. 0 – no padding is added; 1 – a bar group has the minimum width and all bars in the group overlap each other.

Remarks

BarGroupPadding defines summarized left and right padding values. The property accepts values from 0 to 1, where 0 removes paddings completely, and 1 sets minimum bar widths. For example, the image below shows a Polar Chart whose BarGroupPadding property is set to 0.6 (0.3 + 0.3):

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

The following markup specifies a bar group padding:

Razor

<DxChart BarGroupPadding="0.6">
   @*...*@
</DxChart>

You can also use the BarPadding property of a bar series to adjust the padding between individual bars within a bar group. The BarGroupPadding property has higher priority than the BarPadding property in single-series charts.