Introducing the New .NET MAUI Sunburst Chart Control
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (180).NET Core  (28).NET MAUI  (224)Angular  (113)ASP.NET  (49)ASP.NET Core  (81)ASP.NET MVC  (87)Azure  (41)Black Friday Deal  (1)Blazor  (234)BoldSign  (14)DocIO  (24)Essential JS 2  (110)Essential Studio  (199)File Formats  (72)Flutter  (135)JavaScript  (226)Microsoft  (121)PDF  (83)Python  (1)React  (105)Streamlit  (1)Succinctly series  (131)Syncfusion  (960)TypeScript  (33)Uno Platform  (3)UWP  (3)Vue  (46)Webinar  (53)Windows Forms  (59)WinUI  (72)WPF  (162)Xamarin  (159)XlsIO  (38)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (10)Business intelligence  (55)Button  (4)C#  (163)Chart  (145)Chart of the week  (57)Cloud  (15)Company  (440)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (73)Development  (676)Doc  (7)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (7)Essential Tools  (13)Excel  (43)Extensions  (23)File Manager  (7)Gantt  (20)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (519)Mobile MVC  (9)OLAP server  (2)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (45)Performance  (13)PHP  (2)PivotGrid  (5)Predictive Analytics  (6)Report Server  (3)Reporting  (8)Reporting / Back Office  (9)Rich Text Editor  (12)Road Map  (12)Scheduler  (54)Security  (5)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (32)Solution Services  (4)Spreadsheet  (11)SQL  (15)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (113)UI  (400)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (624)What's new  (337)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

Introducing the New .NET MAUI Sunburst Chart Control

We’re proud to present Syncfusion’s latest offering—the .NET MAUI Sunburst Chart control. This great new tool is available in the Essential Studio 2023 Volume 4 release.

The Sunburst Chart control is a powerful enhancement that brings hierarchical data to life in a visually appealing way. This tool transforms complex data structures into vibrant, easy-to-understand charts.

In this blog, we’ll take a closer look at the standout features of the .NET MAUI Sunburst Chart control and the steps to get started with it.

Key features

The key features of the .NET MAUI Sunburst Chart are:

Showcase hierarchical data

The Sunburst Chart control is designed to display hierarchical data structures elegantly. Its radial layout offers a clear, interactive, visually appealing data representation. This layout allows users to navigate various levels of data, providing a comprehensive view of the entire hierarchy at a glance.

This makes the Sunburst Chart control ideal for visualizing a wide range of hierarchical data. Whether it’s an organizational structure, category hierarchies, or complex nested data, the Sunburst Chart can transform these structures into engaging charts.

.NET MAUI Sunburst Chart showing hierarchical data
.NET MAUI Sunburst Chart showing hierarchical data

Titles

The Sunburst Chart control allows for the seamless integration of any MAUI view directly into the chart’s title. This capability enables you to provide additional context or supplementary information within the chart title.

This means you can enhance the chart’s title with dynamic views, adding layers of interactivity and information to your data visualization. Whether it’s additional text, images, or interactive elements, you can incorporate them directly into the title, making your charts more informative and engaging.

Adding title in .NET MAUI Sunburst Chart
Adding title in .NET MAUI Sunburst Chart

Legends

Elevate the readability and interpretability of the Sunburst Chart with the built-in legend support. The legend serves as an essential reference guide, assisting users in comprehending the various segments and their associated data points in the chart.

By providing a clear, concise guide to the qualities of the different segments, the legend makes the chart more accessible and user-friendly.

With it, users can quickly understand the data represented by each segment, making the chart not just a visualization but a comprehensive data exploration tool.

Adding Legends in .NET MAUI Sunburst Chart
Adding Legends in .NET MAUI Sunburst Chart

Data labels

Data labels are integral to the Sunburst Chart control, presenting detailed information about each segment. They ensure that the data represented in the chart is visually appealing, readable, and clear to the user.

However, the functionality of data labels extends beyond just presenting information. The Sunburst Chart control allows extensive customization options for these data labels. You can control their appearance, from the font style and size to the color and format. This will enable you to tailor the labels to match your chart’s aesthetics or highlight specific data points.

Moreover, you can also control the position of these labels for optimal readability. Whether you want them centered, closer to the edge, or at any specific point within the segment, the choice is yours.

Data labels in .NET MAUI Sunburst Chart
Data labels in .NET MAUI Sunburst Chart

Tooltips

Tooltips are small informational boxes that appear when users hover the cursor over or interact with a segment in the chart. They provide immediate, context-specific details, enhancing the user’s understanding of the data.

You can customize the tooltips’ content, format, and appearance to align with your chart’s style or to highlight specific data points. This means you can control what information is displayed in the tooltips, how it’s presented, and how it looks, ensuring that users receive the exact information they need at the right moment.

Users can interact with your charts more effectively, gaining a deeper understanding of the data and making more informed decisions.

Tooltip feature in .NET MAUI Sunburst Chart
Tooltip feature in .NET MAUI Sunburst Chart

Center view

You can integrate any .NET MAUI view into the central hole of the Sunburst Chart. This opens up a world of possibilities for showcasing additional information or enhancing the visual appeal of your chart.

The center view is a dynamic canvas that can be customized to display additional data, incorporate interactive elements, or improve the aesthetic appeal of your chart.

By customizing this central space, you can enrich the overall user experience.

Customizing the center view in .NET MAUI Sunburst Chart
Customizing the center view in .NET MAUI Sunburst Chart

Getting started with the .NET MAUI Sunburst Chart control

We’ve explored the features of the Sunburst Chart. Let’s see the steps to integrate it into your .NET MAUI app.

Step 1: Create a .NET MAUI app

First, create a .NET MAUI application.

Step 2: Add the required NuGet package

Syncfusion .NET MAUI controls are available on the NuGet Gallery. To add the .NET MAUI Sunburst Chart control to your project, open the NuGet package manager in Visual Studio. Search for Syncfusion.Maui.SunburstChart and then install it.

Step 3: Register the handler

Next, register the handler for the Syncfusion core in the MauiProgram.cs file.

using Microsoft.Maui;
using Microsoft.Maui.Hosting;
using Microsoft.Maui.Controls.Compatibility;
using Microsoft.Maui.Controls.Hosting;
    using Microsoft.Maui.Controls.Xaml;
    using Syncfusion.Maui.Core.Hosting;

    namespace SunburstGettingStarted
    {
        public static class MauiProgram
        {
            public static MauiApp CreateMauiApp()
            {
                var builder = MauiApp.CreateBuilder();
                builder
                .UseMauiApp<App>()
                .ConfigureSyncfusionCore()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                });

                return builder.Build();
            }
        }
    }

Step 4: Add the namespace

Add the Syncfusion.Maui.SunburstChart namespace in your XAML page.

<ContentPage   
 . . .
 xmlns:sunburst="clr-namespace:Syncfusion.Maui.SunburstChart;assembly=Syncfusion.Maui.SunburstChart">
 …
</ContentPage>

Step 5: Initialize the Syncfusion .NET MAUI Sunburst Chart control

Finally, initialize the Syncfusion .NET MAUI Sunburst Chart control. Refer to the following code example.

<ContentPage
 . . .
 xmlns:sunburst="clr-namespace:Syncfusion.Maui.SunburstChart;assembly=Syncfusion.Maui.SunburstChart"
 xmlns:model="clr-namespace:SunburstGettingStarted>

  <sunburst:SfSunburstChart x:Name="sunburst" ItemsSource="{Binding DataSource}" ValueMemberPath="EmployeesCount">

  . . .
  </sunburst:SfSunburstChart>
</ContentPage>

Refer to the following output image.

Integrating Sunburst Chart in .NET MAUI app
Integrating Sunburst Chart in .NET MAUI app

Note: For more details, refer to the .NET MAUI Sunburst Chart documentation.

GitHub references

Find the .NET MAUI Sunburst Chart control demo on GitHub.

Conclusion

Thanks for reading! We’ve journeyed together through the features of Syncfusion’s .NET MAUI Sunburst Chart control, a noteworthy addition to the Essential Studio 2023 Volume 4 release.

For our esteemed customers, the new version of Essential Studio is ready for download from the License and Downloads page. If you’re new to Syncfusion, we extend a warm invitation for you to take advantage of our 30-day free trial to explore our extensive range of features. We encourage you to experiment with these features and share your experiences and insights in the comments below.

For more information on this release, check out our Release Notes and What’s New pages.

If you have questions, you can contact us through our support forum, support portal, or feedback portal. We are always ready to assist you!

Related blogs

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed