Skip to main content
All docs
V25.1
  • LegendBaseSettings<TComponent, TModel>.Orientation Property

    Specifies whether legend items are arranged vertically or horizontally.

    Namespace: DevExpress.Blazor.Base

    Assembly: DevExpress.Blazor.v25.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" };
    }
    
    See Also