Skip to main content

DxChartLegend.CssClass Property

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

Namespace: DevExpress.Blazor

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

Customized legend

Refer to CSS Classes for more information.

Run Demo: Charts - Legend Customization

See Also