Skip to main content
All docs
V24.1

LegendBaseSettings<TComponent, TModel>.ItemTextPosition Property

Specifies the position of legend item captions relative to item markers.

Namespace: DevExpress.Blazor.Base

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(LegendItemTextPosition.Auto)]
[Parameter]
public LegendItemTextPosition ItemTextPosition { get; set; }

Property Value

Type Default Description
LegendItemTextPosition Auto

An enumeartion value.

Available values:

Name Description Image
Bottom

Bottom position.

Bar Guage - Bottom Position of Legend Item Captions

Left

Left position.

Bar Gauge - Left Position of Legend Item Captions

Right

Right position.

Bar Gauge - Right Position of Legend Item Captions

Top

Top position.

Bar Gauge - Top Position of Legend Item Captions

Auto

This option is identical to Bottom if the HorizontalAlignment property value is Center; otherwise, the Auto option is identical to Right.

Remarks

The following code snippet positions item captions in the DxBarGauge legend to the left from item markers:

<DxBarGauge Width="50%"
            Height="500px"
            StartValue="0"
            EndValue="100"
            Values="@Values">
    <DxBarGaugeLegendSettings Visible="true"
                              ItemCaptions="@LegendItemCaptions"
                              ItemTextPosition="LegendItemTextPosition.Left"
                              Orientation="LegendItemOrientation.Vertical"
                              HorizontalAlignment="HorizontalAlignment.Left"/>
    @* ... *@
</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