LegendBaseSettings<TComponent, TModel>.BackgroundColor Property

Specifies the legend’s background color.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

Property Value

Type	Description
String

The legend background color.

Remarks

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 example sets the DxBarGauge legend’s background color to lightgrey:

razor

<DxBarGauge Width="100%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true"
                              ItemCaptions="@LegendItemCaptions"
                              BackgroundColor="lightgrey"
                              VerticalAlignment="VerticalEdge.Bottom"
                              HorizontalAlignment="HorizontalAlignment.Center" />
</DxBarGauge>

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