Skip to main content

Legend.HorizontalPosition Property

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

Namespace: DevExpress.UI.Xaml.Charts

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

NuGet Package: DevExpress.Uwp.Controls

Declaration

public HorizontalPosition HorizontalPosition { get; set; }

Property Value

Type Description
HorizontalPosition

A HorizontalPosition enumeration member which specifies the legend’s horizontal position within the chart control.

Available values:

Name Description
LeftOutside

The legend is positioned to the left of the Chart area.

Left

The legend is positioned on the left side of the chart area.

Center

Centers a legend horizontally within the chart area.

Right

The legend is positioned on the right side of the Chart Area.

RightOutside

The legend is positioned to the right of the Chart area.

Remarks

To specify the legend’s vertical position, use the Legend.VerticalPosition 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.

<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>
See Also