FunnelSeriesView.LabelPosition Property

Specifies label position for the funnel series.

Namespace: DevExpress.WinUI.Charts

Assembly: DevExpress.WinUI.Charts.v22.1.dll

NuGet Package: DevExpress.WinUI

Declaration

C#

[DP(FunnelLabelPosition.Center, Handler = "InvalidateLayout")]
public FunnelLabelPosition LabelPosition { get; set; }

VB.NET

<DP(FunnelLabelPosition.Center, Handler:="InvalidateLayout")>
Public Property LabelPosition As FunnelLabelPosition

Property Value

Type	Description
FunnelLabelPosition	A value that specifies label position.

Available values:

Name	Description	Image
LeftColumn	The labels are organized in a straight column to the left of the funnel data points.
Left	The labels are displayed to the left of the funnel data points.
Center	The labels are displayed in the center of the funnel data points.
Right	The labels are displayed to the right of the funnel data points.
RightColumn	The labels are organized in a straight column to the right of the funnel data points.

Example

This example creates a Funnel Chart, and customizes its legend and point label settings:

XAML

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:FunnelChart"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:Charts="using:DevExpress.WinUI.Charts"
    x:Class="FunnelChart.MainWindow"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Charts:FunnelChart ToolTipEnabled="True" Margin="50,50,50,50">
            <Charts:FunnelChart.Legend>
                <Charts:Legend Orientation="Vertical"/>
            </Charts:FunnelChart.Legend>
            <Charts:FunnelSeries>
                <Charts:FunnelSeries.View>
                    <Charts:FunnelSeriesView PointDistance="5" 
                                             ShowLabels="True" 
                                             LabelPattern="{}{A}: {VP:p0}" 
                                             LabelPosition="Right"/>
                </Charts:FunnelSeries.View>
                <Charts:PointDataCollection>
                    <Charts:PointData Argument="Visited a Web Site" Value="9152" />
                    <Charts:PointData Argument="Downloaded a Trial" Value="6870" />
                    <Charts:PointData Argument="Contacted to Support" Value="5121" />
                    <Charts:PointData Argument="Subscribed" Value="2224" />
                    <Charts:PointData Argument="Renewed" Value="1670" />
                </Charts:PointDataCollection>
            </Charts:FunnelSeries>
        </Charts:FunnelChart>
    </Grid>
</Window>