DxChartLegend.VerticalAlignment Property

Along with the HorizontalAlignment property, specifies the legend’s position.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public VerticalEdge VerticalAlignment { get; set; }

Property Value

Type	Description
VerticalEdge	A VerticalEdge enumeration value.

Available values:

Name	Description
Top	Places the title or legend at the top of the chart.
Bottom	Places the title or legend at the bottom of the chart.

Remarks

<DxChart Data="@SalesData">
    @* ... *@
    <DxChartLegend HorizontalAlignment="HorizontalAlignment.Left" VerticalAlignment="VerticalEdge.Top">
        <DxChartTitle Text="Legend" />
    </DxChartLegend>
</DxChart>

Run Demo: Charts - Legend Customization