A growing collection of 30 charts.
A rich feature set for data visualization and analysis.
Intuitive APIs with comprehensive documentation.
Rich, interactive features to explore charts.

.NET 10 support now available

Trusted by the world’s leading companies

WinUI Cartesian Charts

new layout

Why choose the Syncfusion® WinUI Cartesian Charts control?

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.

30 charts

Cartesian Charts include popular and widely used charts like line, column, bar, area, and scatter.

Rich feature set

A wide range of features is available to customize the appearance of charts and achieve the desired appearance.

Animation

Animation smoothly transitions data to enhance visualization.

Performance

The charts are designed for high performance, handling large data sets in seconds.

Globalization

Cartesian Charts support localization, enabling users to format dates, currencies, and numbers as needed.

Responsiveness

Charts adjust to device type and orientation, ensuring an optimal user experience.

Chart axes

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.

Numeric axis

Uses a numeric scale and displays numbers in equal intervals in axis labels.

WinUI chart with a numeric axis

More details on chart axes

Categorical axis

A non-linear axis that displays text in axis labels.

WinUI chart with a categorical axis

More details on chart axes

Date-time axis

Displays date-time values in equal intervals in axis labels. It is typically used as the x-axis.

WinUI chart with date-time axis

More details on chart axes

Logarithmic axis

The axis labels display numbers using a logarithmic scale.

WinUI chart with a logarithmis axis

More details on chart axes

Fast chart types

The WinUI fast charts plot a large number of data points quickly.

Fast line charts

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.

WinUI fast line charts.

More details on fast chart types

Fast column chart

A fast column chart is used to boost the performance of the column series.

WinUI fast column charts.

More details on fast chart types

Fast scatter chart

A fast scatter chart renders a large number of scatter points.

WinUI fast scatter charts.

More details on fast chart types

Fast step-line chart

A fast step-line chart is the high-performance version of the step-line series.

WinUI fast step line charts.

More details on fast chart types

Other exciting features

Here are a few of the features from a collection available in WinUI Cartesian Charts.

Vertical charts

For a series to be plotted vertically, the axis direction can be mirrored when required.

WinUI vertical chart control.

Legends

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.

WinUI Cartesian Charts with a legend.

Data labels

Data points can easily be annotated with labels to improve readability.

WinUI Caresian Charts control with data labels.

User interactions

Interactive features like zooming and panning, tooltips, selection, trackballs, and crosshairs improve the user experience.

Zooming

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.

WinUI Cartesian Chart with zooming

More details on user interactions

Tooltips

Tooltips display pop-ups with additional information when the mouse hovers over a data point.

WinUI Cartesian Chart with tooltip

More details on user interactions

Selection

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.

WinUI Cartesian Chart with segment selection

More details on user interactions

Trackballs

Display the exact data values for multiple data points simultaneously by tracking the position of the user’s cursor.

WinUI Cartesian Chart with trackball

More details on user interactions

Crosshairs

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.

WinUI Cartesian Chart with crosshair

More details on user interactions

Code guidelines

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.

xaml
c#
<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),
        };
    }
}

Not sure how to create your first WinUI Cartesian Charts? Our documentation can help.

I’d love to read it now

DATA VISUALIZATION

GRIDS

CALENDARS

EDITORS

NOTIFICATION

MISCELLANEOUS

NAVIGATION

CONVERSATIONAL UI

AI AssistView PREVIEW

Frequently Asked Questions

✅ Why should you choose the Syncfusion® WinUI Cartesian Charts control?

Support for 30 chart types with elegant animation.
Enhanced user experience with a rich set of interactive features.
Shared and intuitive APIs that let you easily create and customize charts.
Visualization of large quantities of data, flexible data binding, and user customization.
Simple configuration and APIs.
A lightweight and truly native control.
Adaptive and responsive UI.
Support for all modern devices and browsers.
Expansive resources such as demos and documentation that let you get started quickly with WinUI Cartesian Charts.

✅ Where can I find the Syncfusion® WinUI Cartesian Charts demo?

You can find our WinUI Cartesian Charts demo here.

✅ Can I download and utilize the Syncfusion® WinUI Cartesian Charts component for free?

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.

✅ How do I get started with the Syncfusion® WinUI Cartesian Charts control?

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story