new layout
The WinUI Cartesian Charts control is a powerful tool for visualizing data, offering a collection of charts and graphs. It includes data binding, multiple axes, legends, animations, data labels, trackballs, tooltips, gradients, and zooming.
Cartesian Charts include popular and widely used charts like line, column, bar, area, and scatter.
A wide range of features is available to customize the appearance of charts and achieve the desired appearance.
Animation smoothly transitions data to enhance visualization.
The charts are designed for high performance, handling large data sets in seconds.
Cartesian Charts support localization, enabling users to format dates, currencies, and numbers as needed.
Charts adjust to device type and orientation, ensuring an optimal user experience.
The Cartesian Charts control supports four types of axes: numeric, category, date-time, and logarithmic. The appearance of all chart axis elements can be customized with built-in properties.
Uses a numeric scale and displays numbers in equal intervals in axis labels.
Displays date-time values in equal intervals in axis labels. It is typically used as the x-axis.
The axis labels display numbers using a logarithmic scale.
The WinUI fast charts plot a large number of data points quickly.
The fast line chart is a special kind of line chart that renders a collection with a huge number of data points. A fast line chart is rendered using a polyline segment.
A fast column chart is used to boost the performance of the column series.
A fast scatter chart renders a large number of scatter points.
A fast step-line chart is the high-performance version of the step-line series.
Here are a few of the features from a collection available in WinUI Cartesian Charts.
For a series to be plotted vertically, the axis direction can be mirrored when required.
Legends provide additional information helpful in identifying individual series in a chart. They can be docked to the left, right, top, or bottom of the chart area.
Data points can easily be annotated with labels to improve readability.
Interactive features like zooming and panning, tooltips, selection, trackballs, and crosshairs improve the user experience.
Improve the readability of large numbers of data points with zooming and panning. Zooming is performed by pinching, selecting a region, or double-tapping at the required position.
Tooltips display pop-ups with additional information when the mouse hovers over a data point.
Users can highlight or select specific data points or areas of a chart for further analysis. There are two types of selection: data point and series.
Display the exact data values for multiple data points simultaneously by tracking the position of the user’s cursor.
The crosshairs feature is used to display the exact values of data points on the x- and y-axes at a particular location on the chart.
Get started with the WinUI Cartesian Charts control by using a few simple lines of XAML and C# code, as demonstrated in the following examples. Also, explore this WinUI Cartesian Charts example, which shows you how to render and configure the 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:SfCartesianChart Height="300" Width="500">
<!--Setting DataContext-->
<chart:SfCartesianChart.DataContext>
<local:ViewModel/>
</chart:SfCartesianChart.DataContext>
<!--Initialize the horizontal axis for the WinUI chart-->
<chart:SfCartesianChart.XAxes>
<chart:CategoryAxis/>
</chart:SfCartesianChart.XAxes>
<!--Initialize the vertical axis for the WinUI chart-->
<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis/>
</chart:SfCartesianChart.YAxes>
<!--Adding column series to the WinUI chart-->
<chart:ColumnSeries ItemsSource="{Binding Data}"
XBindingPath="Month"
YBindingPath="Target">
</chart:ColumnSeries>
</chart:SfCartesianChart>
</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 Cartesian 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.
