Syncfusion.Maui.Charts

The Syncfusion.Maui.Charts package contains the Syncfusion Chart component for .NET MAUI application.

Prerequisites

Integrated Development Environment

By using the following IDEs, you can develop .NET MAUI applications

• Visual Studio 2022 Preview

Framework & SDK

The below tool is required to run the .NET MAUI application.

• .NET 6.0 SDK
• Android 5.0 (API 21) or higher.
• iOS 10 or higher.
• macOS 10.13 or higher.
• Windows desktop and the Universal Windows Platform (UWP), using Windows UI Library (WinUI) 3.

Key Features

• Chart types - Cartesian and Circular charts that represent data in a unique style with greater UI visualization, and is user friendly.
• Interaction - The .NET MAUI Charts are interactive with features such as tooltip, selection, zooming, and panning.
• Data binding - Map data from a specified path by using the data binding concept.
• Multiple series - Render multiple series at the same time with options to compare and visualize two different series simultaneously.
• Customization - User friendly and provides various options to customize chart features like title, axis, legends, and data labels.

Getting Started

To initialize the Chart control add the below code to your xaml file.

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" 
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
        x:Class="ChartExample.MainPage"
        xmlns:local="using:ChartExample"
        xmlns:chart="clr-namespace:Syncfusion.Maui.Charts;assembly=Syncfusion.Maui.Charts">
	<ContentPage.Content>
        <chart:SfCartesianChart HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
            <!--Setting BindingContext-->
            <chart:SfCartesianChart.BindingContext>
                <local:ViewModel/>
            </chart:SfCartesianChart.BindingContext>

             <!--Initialize the horizontal axis for the .NET MAUI Chart-->
            <chart:SfCartesianChart.XAxes>
                <chart:CategoryAxis />
            </chart:SfCartesianChart.XAxes>

            <!--Initialize the vertical axis for the .NET MAUI Chart-->
            <chart:SfCartesianChart.YAxes>
                <chart:NumericalAxis />
            </chart:SfCartesianChart.YAxes>

            <!--Adding Column Series to the .NET MAUI Chart-->
            <chart:SfCartesianChart.Series>
                <chart:ColumnSeries 
                    ItemsSource="{Binding Data}" 
                    XBindingPath="Month"
                    YBindingPath="Target">
                </chart:ColumnSeries>
            </chart:SfCartesianChart.Series>    
        </chart:SfCartesianChart>
    </ContentPage.Content>
</ContentPage>

Resources

• Learn more about .NET MAUI controls: Syncfusion .NET MAUI
• Documentation: Syncfusion .NET MAUI controls

Support and feedback

• For any other queries, reach our Syncfusion support team or post the queries through the community forums.
• Provide feature request through the syncfusion feedback portal

License

This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. You can purchase a license here or start a free 30-day trial here.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 26,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, WinUI, Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

[email protected] | www.syncfusion.com | Toll Free: 1-888-9 DOTNET