DxChartLegend.Orientation Property

Specifies how legend items are arranged, vertically (in a column) or horizontally (in a row).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
Orientation	Horizontal	An Orientation enumeration value.

Available values:

Name	Description
Horizontal	Sets horizontal orientation.
Vertical	Sets vertical orientation.

Remarks

<DxChart Data="@SalesData">
    @* ... *@
    <DxChartLegend Orientation="Orientation.Vertical" HorizontalAlignment="HorizontalAlignment.Left" Position="RelativePosition.Outside">
        <DxChartTitle Text="Legend" />
    </DxChartLegend>
</DxChart>

Run Demo: Charts - Legend Customization