DxBarGauge.BarSpacing Property

Specifies the distance between bars.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(4)]
[Parameter]
public double BarSpacing { get; set; }

Property Value

Type	Default	Description
Double	4	The distance between bars in pixels.

Remarks

Use the BarSpacing property to specify the distance between bars. The higher the property value, the narrower every bar is.

Example

The following code snippet removes gaps between bars:

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            BarSpacing="0"
            Values="@Values">
    @* ... *@
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
    // ...
}