DxChartLegend.Position Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
RelativePosition	Inside	A RelativePosition enumeration value.

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" />
    </DxChartLegend>
</DxChart>

Run Demo: Charts - Legend Customization