DxChartLegend.VerticalAlignment Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Description
VerticalEdge	The vertical alignment.

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

Online Demo

Charts - Legend Customization