LegendBaseSettings<TComponent, TModel>.VerticalAlignment Property

Specifies vertical legend alignment.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(VerticalEdge.Top)]
[Parameter]
public VerticalEdge VerticalAlignment { get; set; }

Property Value

Type	Default	Description
VerticalEdge	Top	An enumeration value.

Available values:

Name	Description
Top	Top alignment.
Bottom	Bottom alignment.

Remarks

Specify the VerticalAlignment property to align the legend vertically.

Example

The following code snippet positions the DxBarGauge legend at the bottom component border:

<DxBarGauge Width="30%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true"
                              ItemCaptions="@LegendItemCaptions"
                              BackgroundColor="lightgrey"
                              VerticalAlignment="VerticalEdge.Bottom"
                              HorizontalAlignment="HorizontalAlignment.Center" />
    @* ... *@
</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" };
}