new layout
The WinUI Funnel Chart control is optimized to visualize large quantities of data in an elegant way. Its rich feature set includes functionalities like data binding, legends, data labels, explode, tooltips, gradients, and selection.
This Chart includes popular and widely used funnel charts.
A vast range of features is available to customize the appearance of charts and render the desired outputs.
Enables users from different locales to use Charts by formatting dates, currencies, and numbering to suit their preferences.
Charts in WINUI render adaptively based on device type like Windows desktops and device orientation, providing an optimal user experience.
The end-user experience is greatly enhanced by interactive features such as tooltip and explode.
Tooltips display a pop-up with additional information when the mouse hovers over a data point.
Interactively explodes a part of a funnel chart. This is used to draw the attention of users to a specific area.
From a vast collection of features available in WinUI Funnel Chart, a few are described here.
Legends provide additional information helpful in identifying individual data points in a WinUI Funnel Chart.
Annotate data points with data labels to improve the readability of a chart.
The gap between each segment in the WinUI funnel chart can be set using the GapRatio property.
The neck width of a funnel chart can be customized easily. Changing the minimum width of the neck to zero will make the funnel chart look like an inverted pyramid chart.
Easily get started with the WinUI Charts using a few simple lines of XAML and C# code as demonstrated below. Also explore our WinUI Charts example which shows you how to render and configure the Charts control in WinUI.
- <Window x:Class="ChartExample.MainPage"
- xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
- xmlns:local="using:ChartExample"
- xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
- xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
- xmlns:chart="using:Syncfusion.UI.Xaml.Charts"
- mc:Ignorable="d"
- Title="WinUI Column Chart" Height="450" Width="700">
-
- <!--Setting DataContext-->
- <Grid>
- <chart:SfFunnelChart Height="300" Width="500"
- ItemsSource="{Binding Data}"
- XBindingPath="Month"
- YBindingPath="Target">
- <!--Setting DataContext-->
- <chart:SfFunnelChart.DataContext>
- <local:ViewModel/>
- </chart:SfFunnelChart.DataContext>
- </chart:SfFunnelChart>
- </Grid>
- </Window>
- public class Model
- {
- public string Month { get; set; }
-
- public double Target { get; set; }
-
- public Model(string xValue, double yValue)
- {
- Month = xValue;
- Target = yValue;
- }
- }
-
- public class ViewModel
- {
- public ObservableCollection<Model> Data { get; set; }
-
- public ViewModel()
- {
- Data = new ObservableCollection<Model>()
- {
- new Model("Jan", 50),
- new Model("Feb", 70),
- new Model("Mar", 65),
- new Model("Apr", 57),
- new Model("May", 48),
- };
- }
- }
You can find our WinUI Charts demo here.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion® is proud to hold the following industry awards.
