DxChart<T>.BarGroupPadding Property
Specifies bar group left and right padding values as a percentage.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[DefaultValue(0.3)]
[Parameter]
public double BarGroupPadding { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
Double | 0. |
A value from 0 to 1. |
#Remarks
BarGroupPadding
defines the summarized left and right padding values. For example, the image below shows a chart with the BarGroupPadding
property set to 0.4 (0.2 + 0.2):
The change of BarGroupPadding
affects bar width: the higher the BarGroupPadding
property value the more narrow bars are drawn.
The following markup specifies a bar group padding:
<DxChart BarGroupPadding=0.4>
@*...*@
</DxChart>
Use the chart’s BarGroupWidth property to specify the bar group width in pixels. The BarGroupPadding
property value has no effect if it is set with the chart’s BarGroupWidth property.
#Bar Padding and Bar Group Padding
You can also use the series’s BarPadding property to configure padding between individual bars within a bar group.The BarGroupPadding
property has a higher priority in single-series charts than the BarPadding
property if the BarPadding
and BarGroupPadding
properties are set.
The following images show a chart with different BarPadding
and BarGroupPadding
property values:
Settings | Resulting Chart |
---|---|
Bar Bar |
![]() |
Bar Bar |
![]() |
Bar Bar |
![]() |