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

    Specifies the pane’s 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 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.

    The following example sets the pane’s backgound color to lightgrey:

    DxChartPane - Background color

    <DxChart Data="@SalesData" Height="500px">
        <DxChartTitle Text="Sales amount" />
        <DxChartLegend Position="RelativePosition.Outside" VerticalAlignment="VerticalEdge.Bottom" />
        <DxChartPane Name="Pane1"
                     Height="60%"
                     BackgroundColor="lightgrey" /> 
        <DxChartBarSeries Name="2017"
                          Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                          SummaryMethod="Enumerable.Sum"
                          Pane="Pane1"
                          ArgumentField="@(s => s.City)"
                          ValueField="@(s => s.Amount)" />
    </DxChart>
    
    See Also