DxChartLegend.CssClass Property

Specifies the name of a CSS class applied to a chart legend.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
String	A cascading style sheet class’s name.

Remarks

<style>
    .test-legend {  
    background-color: lightgray;  
} 
</style>

<DxChart Data="@SalesData">
    @* ... *@
    <DxChartLegend AllowToggleSeries="true" Orientation="Orientation.Vertical" CssClass="test-legend">
        <DxChartTitle Text="Legend" />
    </DxChartLegend>
</DxChart>

Refer to CSS Classes for more information.

Run Demo: Charts - Legend Customization