Legend.VerticalPosition Property

Gets or sets the legend’s vertical position within the chart control.

Namespace: DevExpress.UI.Xaml.Charts

Assembly: DevExpress.UI.Xaml.Charts.v21.2.dll

NuGet Package: DevExpress.Uwp.Controls

Declaration

C#

public VerticalPosition VerticalPosition { get; set; }

VB.NET

Public Property VerticalPosition As VerticalPosition

Property Value

Type	Description
VerticalPosition	A VerticalPosition enumeration member which specifies the legend’s vertical position within the chart control.

Available values:

Name	Description
TopOutside	The legend is positioned at the top of the Chart area.
Top	The legend is positioned level with the top of the Chart Area.
Center	Centers a legend vertically within the Chart Area.
Bottom	The legend is positioned level with the bottom of the Chart Area.
BottomOutside	The legend is positioned at the bottom of the Chart area.

Remarks

To specify the legend’s horizontal position, use the Legend.HorizontalPosition property.

Example

This example demonstrates how to create a simple Cartesian chart with 3 Stacked Bar series, populate them with data and adjust common settings.

XAML

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:CartesianChart"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Charts="using:DevExpress.UI.Xaml.Charts"
    x:Class="CartesianChart.MainPage"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">

        <Charts:CartesianChart Margin="50">
            <Charts:CartesianChart.Legend>
                <Charts:Legend HorizontalPosition="Left" VerticalPosition="Top"/>
            </Charts:CartesianChart.Legend>
            <Charts:CartesianChart.Series>
                <Charts:Series DisplayName="Illinois">
                    <Charts:Series.View>
                        <Charts:StackedBarSeriesView />
                    </Charts:Series.View>
                    <Charts:Series.Data>
                        <Charts:DataPointCollection ArgumentScaleType="Qualitative">
                            <Charts:DataPoint Argument="1998" Value="423.721"/>
                            <Charts:DataPoint Argument="2001" Value="476.851"/>
                            <Charts:DataPoint Argument="2004" Value="528.904"/>
                        </Charts:DataPointCollection>
                    </Charts:Series.Data>
                </Charts:Series>
                <Charts:Series DisplayName="Indiana">
                    <Charts:Series.View>
                        <Charts:StackedBarSeriesView />
                    </Charts:Series.View>
                    <Charts:Series.Data>
                        <Charts:DataPointCollection ArgumentScaleType="Qualitative">
                            <Charts:DataPoint Argument="1998" Value="178.719" />
                            <Charts:DataPoint Argument="2001" Value="195.769" />
                            <Charts:DataPoint Argument="2004" Value="227.271" />
                        </Charts:DataPointCollection>
                    </Charts:Series.Data>
                </Charts:Series>
                <Charts:Series DisplayName="Michigan" >
                    <Charts:Series.View>
                        <Charts:StackedBarSeriesView />
                    </Charts:Series.View>
                    <Charts:Series.Data>
                        <Charts:DataPointCollection ArgumentScaleType="Qualitative">
                            <Charts:DataPoint Argument="1998" Value="308.845" />
                            <Charts:DataPoint Argument="2001" Value="335.793" />
                            <Charts:DataPoint Argument="2004" Value="372.576" />
                        </Charts:DataPointCollection>
                    </Charts:Series.Data>
                </Charts:Series>
            </Charts:CartesianChart.Series>
        </Charts:CartesianChart>

    </Grid>
</Page>