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.
Left	Left position.
Right	Right position.
Top	Top position.
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" };
}