new layout
The WinUI Funnel chart control is optimized to visualize large quantities of data elegantly. Its rich feature set includes functionalities like data binding, legends, data labels, explode, tooltips, gradients, and selection.
Funnel charts effectively show how data or users move through different stages of a process, highlighting drop-offs or transitions.
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 tooltips and explode segments.
Tooltips display a pop-up with additional information when the mouse hovers over a data point.
Visually highlight a specific segment by pushing it outwards from the rest of the funnel chart. This is used to draw the attention of users to a specific area.
From a collection of features available in Funnel Charts, a few are described here.
Legends provide additional information helpful in identifying individual data points in a Funnel Chart.
Annotate data points with data labels to improve the readability of a chart.
The gap between each segment in the funnel chart can be set using the GapRatio property.
The neck width of a funnel chart can be customized easily. Setting the minimum width of the neck to zero will make the funnel chart look like an inverted pyramid chart.
Get started with the WinUI Chart 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 US $1 million 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.