Skip to main content
All docs
V25.1
  • DxBarGauge.BackgroundColor Property

    Specifies the bar background color.

    Namespace: DevExpress.Blazor

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

    Bar Gauge - BackgroundColor Customization

    <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