DxChartLegend.HorizontalAlignment Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public HorizontalAlignment HorizontalAlignment { get; set; }

Property Value

Type	Description
HorizontalAlignment	The horizontal alignment.

Available values:

Name	Description
Center	Aligns the items or text to the center.
Left	Aligns the items or text to the left.
Right	Aligns the items or text to the right.

Remarks

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

Online Demo

Charts - Legend Customization