What’s New in 2023 Volume 4: .NET MAUI Charts
Tags: dotnetmaui, charts, mobile, whatsnew
Published: 2023-12-28 06:09:15

---
title: What’s New in 2023 Volume 4: .NET MAUI Charts
published: true
date: 2023-12-19 17:13:30 UTC
tags: dotnetmaui, charts, mobile, whatsnew
canonical_url: https://www.syncfusion.com/blogs/post/dotnet-maui-charts-2023-volume-4.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8jpbwsaawp49mg2r95i3.png
---
The [Essential Studio 2023 Volume 4](https://www.syncfusion.com/forums/185916/essential-studio-2023-volume-4-main-release-v24-1-41-is-available-for-download "Essential Studio 2023 Volume 4") release gives Syncfusion’s [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Charts") innovative new types and features that enhance data visualization and redefine user interaction.

In this blog, we’ll go over these features, accompanied by practical code examples that bring them to life.

**Note** : We’ve got your back if you’re beginning your journey with .NET MAUI Charts! Our comprehensive [getting started guide](https://help.syncfusion.com/maui/cartesian-charts/getting-started "Getting started with .NET MAUI Charts") is the best resource for your first step into using these controls.

## New chart types in Cartesian Charts

The [.NET MAUI Cartesian Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Cartesian Charts") control has been enriched with two new chart types designed to enhance your data visualization experience.

### Stacked area chart

The stacked area chart type allows you to visualize data points as areas stacked atop one another. It offers a holistic view of cumulative values. Use it to highlight trends and compare the contributions of individual elements to the overall picture.

Refer to the following code example.

```xml
<chart:SfCartesianChart>

 <chart:SfCartesianChart.XAxes>
  <chart:CategoryAxis/>
 </chart:SfCartesianChart.XAxes>

 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>

 <chart:StackingAreaSeries ItemsSource="{Binding Data1}"
                           XBindingPath="Year"
                           YBindingPath="Value"        
 </chart:StackingAreaSeries>

 <chart:StackingAreaSeries ItemsSource="{Binding Data2}"
                           XBindingPath="Year"
                           YBindingPath="Value"         
 </chart:StackingAreaSeries>

 <chart:StackingAreaSeries ItemsSource="{Binding Data3}"
                           XBindingPath="Year"
                           YBindingPath="Value"         
 </chart:StackingAreaSeries>

 <chart:StackingAreaSeries ItemsSource="{Binding Data4}"
                           XBindingPath="Year"
                           YBindingPath="Value"         
 </chart:StackingAreaSeries>

</chart:SfCartesianChart>
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/NET-MAUI-Stacked-Area-Chart-2.png" alt=".NET MAUI Stacked Area Chart" style="width:100%">

  <figcaption>.NET MAUI Stacked Area Chart</figcaption>

</figure>
### 100% stacked area chart

Similar to the stacked area chart, this new series type presents the cumulative portion of each stacked element, but it always adds up to 100%. This allows for a deeper understanding of the proportional distribution of values within the stacked areas.

With the 100% stacked area chart, you can gain valuable insights into the relative contribution of each element to a whole.

```xml
<chart:SfCartesianChart>

 <chart:SfCartesianChart.XAxes>
  <chart:CategoryAxis/>
 </chart:SfCartesianChart.XAxes>

 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>   

 <chart:StackingArea100Series ItemsSource="{Binding Data1}"
                              XBindingPath="Year"
                              YBindingPath="Value"        
 </chart:StackingArea100Series>

 <chart:StackingArea100Series ItemsSource="{Binding Data2}"
                              XBindingPath="Year"
                              YBindingPath="Value"         
 </chart:StackingArea100Series>

 <chart:StackingArea100Series ItemsSource="{Binding Data3}"
                              XBindingPath="Year"
                              YBindingPath="Value"         
 </chart:StackingArea100Series>

 <chart:StackingArea100Series ItemsSource="{Binding Data4}"
                              XBindingPath="Year"
                              YBindingPath="Value"         
    </chart:StackingArea100Series>

</chart:SfCartesianChart>
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/NET-MAUI-100-Stacked-Area-Chart-2.png" alt=".NET MAUI 100% Stacked Area Chart" style="width:100%">

  <figcaption>.NET MAUI 100% Stacked Area Chart</figcaption>

</figure>

## Trackball label created event

Step up your user interaction with the new **TrackballLabelCreated** event. This event springs into action as the trackball glides between data points, enabling users to get more information via the current **TrackballPointInfo** property. It’s not just about viewing data anymore; it’s about interacting with it and extracting value from every movement.

## Customizing visible labels and range

Take control of axis labels with the ability to retrieve and modify the visible labels collection. Additionally, users can access the visible range of the axis in real-time using the **VisibleMinimum** and **VisibleMaximum** properties. Thus, the precision of data interpretation is enhanced.

Let’s consider the use case of creating a nonlinear number series in a numerical axis, which can be achieved in the following code.

```csharp
public class CustomNumericalAxis : NumericalAxis
{
     //Consider adding this axis to the chart.
     //CustomNumericalAxis primaryAxis = new CustomNumericalAxis();
     //chart.XAxes.Add(primaryAxis);

        
     protected override void OnCreateLabels()
     {
          base.OnCreateLabels();

          if (VisibleLabels != null)
          {
                VisibleLabels.Clear(); // Clear existing labels

	        var Items = new int[] { 0, 10, 15, 20, 50, 70 };

	        foreach(var item in Items )
	        {
	            if(item >= VisibleMinimum && item <= VisibleMaximum)
                    {
                        VisibleLabels.Add(new ChartAxisLabel(item, item.ToString()));
                    }
               }
          }
     }
}
```

Refer to the following image.
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/12/Customizing-Labels-and-Ranges-Visibility-in-.NET-MAUI-Charts.png" alt="Customizing Labels and Ranges Visibility in .NET MAUI Charts" style="width:100%">

  <figcaption>Customizing Labels and Ranges Visibility in .NET MAUI Charts</figcaption>

</figure>

## Conclusion

Thanks for reading this blog about the exciting new chart types and features added in Syncfusion’s [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts/chart-types ".NET MAUI Charts") controls as part of the [2023 Volume 4](https://www.syncfusion.com/forums/185916/essential-studio-2023-volume-4-main-release-v24-1-41-is-available-for-download "Essential Studio 2023 Volume 4") release. These enhancements are designed to elevate the readability and interpretation of your chart data, providing a more insightful and engaging user experience.

Don’t forget to explore our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v24.1.41 "Essential Studio Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Essential Studio What’s New") pages to see all the other enhancements and additions to Essential Studio in the 2023 Volume 4 release.

For our current customers, the new version is available for download from the [License and Downloads](https://www.syncfusion.com/account/downloads "Essential Studio License and Downloads page") page. If you’re new to Syncfusion, we invite you to take advantage of our [30-day free trial](https://www.syncfusion.com/downloads "Get free evaluation of Essential Studio products") to explore our wide range of features.

We’re here to support you every step of the way. Feel free to contact us through our [support forum](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’re always eager to assist you!

## Related blogs

- [Syncfusion Essential Studio 2023 Volume 4 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2023-volume-4.aspx "Blog: Syncfusion Essential Studio 2023 Volume 4 Is Here!")
- [Introducing the 10th Set of .NET MAUI Controls and Features](https://www.syncfusion.com/blogs/post/dotnet-maui-2023-volume-4.aspx "Blog: Introducing the 10th Set of .NET MAUI Controls and Features")
- [Chart of the Week: Creating a .NET MAUI Candle Chart to Analysis Tesla’s (TSLA) Stock Prices](https://www.syncfusion.com/blogs/post/maui-candle-chart-tesla-stock.aspx "Blog: Chart of the Week: Creating a .NET MAUI Candle Chart to Analysis Tesla’s (TSLA) Stock Prices")
- [Chart of the Week: Creating a .NET MAUI Column Chart to Visualize Top Insurance Companies](https://www.syncfusion.com/blogs/post/dotnet-maui-column-chart-insurance.aspx "Blog: Chart of the Week: Creating a .NET MAUI Column Chart to Visualize Top Insurance Companies")