DxChartLegend Class

Specifies options of a chart's legend.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.dll

Declaration

public class DxChartLegend :
    DxComplexSettingsComponent<DxChartLegend, ChartLegendModel>,
    IModelProvider<ChartTitleModel>

Remarks

The DxChart component can display a legend - an explanatory component that helps you identify a series. Each series is represented by an item on a legend. An item marker identifies the series color. An item label displays the series title.

Blazor-Charts-Legend

Use properties provided by the DxChartLegend class to specify the legend settings.

<DxChart Data="@SalesData">
    ...
    <DxChartLegend AllowToggleSeries="true" Orientation="@Orientation.Vertical" 
                   HorizontalAlignment="@HorizontalAlignment.Left" Position="@RelativePosition.Outside">
        <DxChartTitle Text="Legend">
            <DxChartSubtitle Text="(custom)"></DxChartSubtitle>
        </DxChartTitle>
    </DxChartLegend>
</DxChart>

Online Demo

Charts - Legend Customization

See Also