Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxBarGauge.BackgroundColor Property

Specifies the bar background color.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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:

Bar Gauge - BackgroundColor Customization

Razor
<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 };
    // ...
}
See Also