DxChartLegend.VerticalAlignment Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

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

See Also