What’s New in .NET MAUI Charts: 2024 Volume 2
Tags: dotnetmaui, chart, mobile, maui
Published: 2024-06-19 07:34:40

---
title: What’s New in .NET MAUI Charts: 2024 Volume 2
published: true
date: 2024-06-11 16:09:04 UTC
tags: dotnetmaui, chart, mobile, maui
canonical_url: https://www.syncfusion.com/blogs/post/dotnet-maui-charts-2024-volume-2
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/74ps6t5ka3fkhi1mwwvd.png
---

**TL;DR:** Discover the latest updates in the Syncfusion’s .NET MAUI Charts for 2024 Volume 2! New features include annotations, enhanced trackballs, smart axis labels, and more. Elevate your data visualization and engage your audience like never before!

Prepare for an exhilarating journey with Syncfusion’s [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Charts")! The [Essential Studio 2024 Volume 2](https://www.syncfusion.com/forums/188642/essential-studio-2024-volume-2-main-release-v26-1-35-is-available-for-download "Essential Studio 2024 Volume 2") release introduces innovations to revolutionize data visualization and audience engagement.

Explore these groundbreaking enhancements through immersive code examples that will inspire you to elevate your applications to new heights!

## Cartesian Charts

Let’s see the new updates in the [.NET MAUI Cartesian Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Cartesian Charts"): 

### Annotation

Users can now add text, shapes, and custom views as annotations to specific areas within the chart. These annotations help highlight essential data points, provide additional details, or draw attention to specific areas of the chart.

Refer to the following code example.

```csharp
var annotation = new LineAnnotation
{
    CoordinateUnit = CoordinateUnit.Axis,
    X1 = 50,
    Y1 = 50,
    X2 = 70,
    Y2 = 75,
    Text = "Annotation Text",
};
chart.Annotations.Add(annotation);
```

Refer to the following image.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Adding-annotations-in-.NET-MAUI-Charts.png" alt="Adding annotations in .NET MAUI Cartesian Charts" style="width:100%">

  <figcaption>Adding annotations in .NET MAUI Cartesian Charts</figcaption>

</figure>

### Trackball enhancement

Users can now add any view as a trackball template, group all trackball labels, and display them at the top of the chart. Additionally, users can choose to activate the trackball via a long-press or touch action.

Refer to the following code example.

```xml
<chart:SfCartesianChart.Resources>
 <DataTemplate x:Key="trackballLabelTemplate">
  <HorizontalStackLayout Spacing="5">
   <Label Text="{Binding Series.Label}" FontSize="15" HorizontalOptions="Center" TextColor="{AppThemeBinding Default={StaticResource ContentBackground}}"/>
   <Label Text="{Binding Label,StringFormat=': {0}M'}" FontSize="15" HorizontalOptions="Center" TextColor="{AppThemeBinding Default={StaticResource ContentBackground}}"/>
  </HorizontalStackLayout>
 </DataTemplate>
</chart:SfCartesianChart.Resources>
. . .
. . .
<chart:LineSeries ItemsSource="{Binding ChartData1}" TrackballLabelTemplate ="{StaticResource trackballLabelTemplate}" XBindingPath="Date" YBindingPath="Value" ShowMarkers="True">
</chart:LineSeries>
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Trackball-enhancements-in-.NET-MAUI-Charts.gif" alt="Trackball enhancements in .NET MAUI Cartesian Charts" style="width:100%">

  <figcaption>Trackball enhancements in .NET MAUI Cartesian Charts</figcaption>

</figure>

### Get data points support

This feature retrieves a collection of data points that fall within a specified rectangular region, enabling more precise data analysis and interaction.

Refer to the following code example.

```csharp
var dataPoints = series.GetDataPoints(new Rect(0, 0, 100, 100));
foreach (var point in dataPoints)
{
    Console.WriteLine($"X: {point.X}, Y: {point.Y}");
}
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Get-data-points-feature-in-.NET-MAUI-Charts.gif" alt="Get data points feature in .NET MAUI Cartesian Charts" style="width:100%">

  <figcaption>Get data points feature in .NET MAUI Cartesian Charts</figcaption>

</figure>

### Smart axis label

Smartly handle overlapping axis labels by placing them in multiple rows, wrapping the labels, or hiding them to ensure clear and readable axis information.

Refer to the following code example.

```csharp
CategoryAxis primaryAxis = new CategoryAxis()
{
    LabelsIntersectAction = AxisLabelsIntersectAction.MultipleRows,
};
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Smart-axis-labels-in-.NET-MAUI-Charts.png" alt="Smart axis labels in .NET MAUI Cartesian Charts" style="width:100%">

  <figcaption>Smart axis labels in .NET MAUI Cartesian Charts</figcaption>

</figure>

### Custom legend layout

You can now add any layout to the chart legend, enabling wrap or other layouts for effective legend item arrangement.

Refer to the following code example.

```csharp
chart.Legend = new ChartLegend
{
    ItemsLayout = new CustomWrapLayout(),
};
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Custom-legend-layout-feature-in-.NET-MAUI-Charts.png" alt="Custom legend layout feature in .NET MAUI Cartesian Charts" style="width:100%">

  <figcaption>Custom legend layout feature in .NET MAUI Cartesian Charts</figcaption>

</figure>

## Smart data label alignment – Circular Charts

This feature arranges data labels to avoid intersections and overlapping by shifting them or hiding overlapped labels, improving the readability of [.NET MAUI Circular Charts](https://www.syncfusion.com/maui-controls/maui-circular-charts ".NET MAUI Circular Charts").

Refer to the following code example.

```csharp
pieChart.DataLabelSettings = new CircularDataLabelSettings
{
    SmartLabelAlignment= SmartLabelAlignment.Shift
};
```

Refer to the following image.

<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2024/06/Smart-data-labels-in-.NET-MAUI-Circular-Charts.png" alt="Smart data labels in .NET MAUI Circular Charts" style="width:100%">

  <figcaption>Smart data labels in .NET MAUI Circular Charts</figcaption>

</figure>

## Conclusion

Thanks for reading! In this blog, we’ve seen the exciting new features added to the Syncfusion [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Charts") for the [2024 volume 2](https://www.syncfusion.com/forums/188642/essential-studio-2024-volume-2-main-release-v26-1-35-is-available-for-download "Essential Studio 2024 Volume 2") release. These powerful new features significantly enhance data visualization and user interaction. These enhancements are designed to elevate the readability and interpretation of your chart data, providing a more insightful and engaging user experience.

Check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v26.1.35 "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "What’s New in Essential Studio") pages to see the other updates of 2024 Volume 2.

The new version is available for existing customers on the [License and Downloads](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads page") page. If you are not a Syncfusion customer, try our 30-day [free trial](https://www.syncfusion.com/downloads "Get free evaluation of the Essential Studio products") to check out our available features.

You can also contact us through our [support forums](https://www.syncfusion.com/forums "Syncfusion Support Forum"), [support portal](https://support.syncfusion.com/ "Syncfusion Support Portal"), or [feedback portal](https://www.syncfusion.com/feedback/ "Syncfusion Feedback Portal"). We are always happy to assist you!

## Related blogs

- [How to Lazy Load JSON Data in .NET MAUI DataGrid](https://www.syncfusion.com/blogs/post/lazy-load-json-data-dotnetmaui-grid "Blog: How to Lazy Load JSON Data in .NET MAUI DataGrid")
- [Syncfusion Essential Studio 2024 Volume 2 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2024-vol2 "Blog: Syncfusion Essential Studio 2024 Volume 2 Is Here!")
- [Chart of the Week: Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart](https://www.syncfusion.com/blogs/post/dotnetmaui-bubble-chart-gender-parity "Blog: Chart of the Week: Visualizing Gender Parity in Industrial Employment with .NET MAUI Bubble Chart")
- [Develop a Travel Destination List UI with .NET MAUI ListView [Webinar Show Notes]](https://www.syncfusion.com/blogs/post/travel-list-ui-maui-listview-webinar "Blog: Develop a Travel Destination List UI with .NET MAUI ListView [Webinar Show Notes]")