new layout
The WinUI Circular 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.
The Circular chart includes the most popular and widely used circular charts like pie, and doughnut.
A vast range of features is available to customize the appearance of charts and render the desired outputs.
Animation represents data with smooth fluid transitions.
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 a set of user interaction features: selection, explode, and tooltip.
Tooltips display a pop-up with additional information when the mouse hovers over a data point.
Draw the attention of users to a specific area by interactively exploding a part of the circular chart.
From the vast collection of features available in .NET MAUI Circular Charts, a few are described here.
Legends provide additional information that is helpful in identifying individual data points in a chart. They can be docked to the left, right, top, or bottom position of the chart area.
Data points can easily be annotated with labels to help improve readability.
Pie and doughnut data labels are smartly arranged to avoid intersection when there are large amounts of data.
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">
<Grid>
<chart:SfCircularChart Height="300" Width="500">
<!--Setting DataContext-->
<chart:SfCircularChart.DataContext>
<local:ViewModel/>
</chart:SfCircularChart.DataContext>
<!--Adding Pie Series to the WinUI CircularChart-->
<chart:PieSeries ItemsSource="{Binding Data}"
XBindingPath="Month"
YBindingPath="Target">
</chart:PieSeries >
</chart:SfCircularChart>
</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.