DxBarGauge.BackgroundColor Property

Specifies the bar background color.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string BackgroundColor { get; set; }

Property Value

Type	Description
String	The bar background color.

Remarks

The DxBarGauge component displays data as circular bars. Each bar consists of a colored part that indicates a value and the background track that complements the bar to a full circle. The BackgroundColor property allows you to change the bar background color.

The BackgroundColor property accepts the following formats:

• Longhand and shorthand hexadecimal color values: #ffff00, #ff0.
• RGB and RGBA color codes: rgb(255, 0, 0), rgba(0, 230, 0, 0.3).
• HTML color name (case-insensitive): red, DarkGreen.

Example

The following code snippet changes the bar background color to lightsalmon:

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

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