Skip to main content
All docs
V25.1
  • DxPolarChartBarSeries<T, TArgument, TValue>.BarWidth Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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:

    Bar width is specified

    <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.

    See Also