DxChartLegend.Position Property

Specifies whether the legend is located outside or inside the chart’s plot.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public RelativePosition Position { get; set; }

Property Value

Type Default Description
RelativePosition

Inside

The legend position.

Available values:

Name Description
Inside

An element is displayed inside the component.

Outside

An element is displayed outside the component.

Remarks

<DxChart Data="@SalesData">
    ...
    <DxChartLegend Orientation="Orientation.Vertical" HorizontalAlignment="HorizontalAlignment.Left" Position="RelativePosition.Outside">
        <DxChartTitle Text="Legend">
        </DxChartTitle>
    </DxChartLegend>
</DxChart>

Online Demo

Charts - Legend Customization

See Also