DxPolarChartBarSeries<T, TArgument, TValue>.BarWidth Property

Specifies the width of an individual bar in the series, in pixels.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public int BarWidth { get; set; }

Property Value

Type	Description
Int32	The bar width, in pixels.

Remarks

The BarWidth property value cannot exceed the maximum width allocated for a bar in a bar group. To calculate the maximum bar width, the component divides the bar total group width by the number of bars in the group. Use the BarPadding property to specify the bar padding as a percentage. Note that the BarPadding property has no effect when BarWidth is specified.

The following image shows a Polar Chart whose Day series width is 15 pixels, and the Night series width is 7 pixels:

<DxPolarChart Data=@DataSource>
    <DxChartLegend Position="RelativePosition.Outside" />
    <DxPolarChartBarSeries ArgumentField="@((DiscretePoint i) => i.Arg)"
                           ValueField="@((DiscretePoint i) => i.Day)"
                           BarWidth="15"
                           Name="Day">
    </DxPolarChartBarSeries>
    <DxPolarChartBarSeries ArgumentField="@((DiscretePoint i) => i.Arg)"
                           ValueField="@((DiscretePoint i) => i.Night)"
                           BarWidth="7"
                           Name="Night">
    </DxPolarChartBarSeries>
</DxPolarChart>

You can use the Polar Chart’s BarGroupWidth and BarGroupPadding properties to configure the bar group width in multi-series charts. The BarGroupWidth property has a higher priority in single-series charts if the BarWidth and BarGroupWidth properties are set.