LegendBaseSettings<TComponent, TModel>.Orientation Property

Specifies whether legend items are arranged vertically or horizontally.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(LegendItemOrientation.Auto)]
[Parameter]
public LegendItemOrientation Orientation { get; set; }

Property Value

Type	Default	Description
LegendItemOrientation	Auto	An enumeration value.

Available values:

Name	Description
Horizontal	Horizontal orientation.
Vertical	Vertical orientation.
Auto	This option is identical to Horizontal if the HorizontalAlignment property value is Center; otherwise, the Auto option is identical to Vertical.

Remarks

The following code snippet aligns the DxBarGauge legend to the left and arranges its items horizontally:

<DxBarGauge Width="50%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true"
                              ItemCaptions="@LegendItemCaptions"
                              BackgroundColor="lightgrey"
                              HorizontalAlignment="HorizontalAlignment.Left"
                              Orientation="LegendItemOrientation.Horizontal"/>
    @* ... *@
</DxBarGauge>

@code {
    double[] Values = new double[] { 47.27, 65.32, 84.59, 81.86, 99 };
    string[] LegendItemCaptions = new string[] { "Metacritic", "Ratingraph.com", "Rotten Tomatoes", "IMDb", "TV.com" };
}