What’s New in .NET MAUI Charts: 2022 Volume 3
Tags: maui, mobile, csharp, dotnet
Published: 2022-10-17 04:34:17

---
title: What’s New in .NET MAUI Charts: 2022 Volume 3
published: true
date: 2022-10-13 11:30:57 UTC
tags: maui, mobile, csharp, dotnet
canonical_url: https://www.syncfusion.com/blogs/post/whats-new-in-net-maui-charts-2022-volume-3.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5rwwxlv2qgjqkhvomvyr.png
---

The [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-charts ".NET MAUI Charts") control is a well-crafted charting control for visualizing data. It contains a rich gallery of 10+ charts and graphs that cater to all charting scenarios.

In this blog post, I’ll quickly introduce the new features included in the .NET MAUI Charts control for the [2022 Volume 3](https://www.syncfusion.com/forums/177858/essential-studio-2022-volume-3-main-release-v20-3-0-47-is-available-for-download "Essential Studio 2022 Volume 3 release") release.

## Logarithmic axis

When the largest and smallest values in a data collection are hundreds or even thousands of units apart, the logarithmic scale can be used to describe the data interval.

Our Syncfusion .NET MAUI Charts now support rendering a logarithmic axis. It can compactly display numerical data over a large range of values.

The following code example shows how to configure a logarithmic axis in a .NET MAUI Cartesian Chart.

**Xaml**

```xml
<chart:SfCartesianChart>
 
 <chart:SfCartesianChart.XAxes>
   <chart:LogarithmicAxis/>
 </chart:SfCartesianChart.XAxes>
 
 <chart:SfCartesianChart.YAxes>
   <chart:LogarithmicAxis/>
 </chart:SfCartesianChart.YAxes>
 
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/10/Logarithmic-axis-support-in-.NET-MAUI-Charts-1.png" alt="Logarithmic axis support in .NET MAUI Charts" style="width:100%">

  <figcaption>Logarithmic axis support in .NET MAUI Charts</figcaption>

</figure>

## Series selection and multiselection

The .NET MAUI Charts control’s selection behavior highlights a particular element [data point or series] on the chart. In other words, this behavior selects a segment or series.

The following code shows how to configure series selection in a chart.

**Xaml**

```xml
<chart:SfCartesianChart>
 . . .
 <chart:SfCartesianChart.SelectionBehavior>
   <chart:SeriesSelectionBehavior SelectionBrush="Green"/>
 </chart:SfCartesianChart.SelectionBehavior>
 
 <!--Series collection.-->
 
</chart:SfCartesianChart>
```

And the next code shows how to enable the selection of multiple series in .NET MAUI Charts.

**Xaml**

```xml
<chart:SfCartesianChart>
 . . .
 <chart:SfCartesianChart.SelectionBehavior>
  <chart:SeriesSelectionBehavior Type="Multiple"/>
 </chart:SfCartesianChart.SelectionBehavior>
 
 <!--Series collection.-->
 
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/10/Series-selection-and-multiselection-feature-in-.NET-MAUI-Charts.gif" alt="Series selection and multiselection feature in .NET MAUI Charts" style="width:100%">

  <figcaption>Series selection and multiselection feature in .NET MAUI Charts</figcaption>

</figure>


## Explode segment on touch

Now, you can pop out a particular segment of a circular chart (pie and doughnut) with a touching or tapping interaction. The following code example shows how to configure a segment to explode on touch.

**Xaml**

```xml
<chart:SfCircularChart>
 . . .
 <chart:DoughnutSeries ExplodeOnTouch="True" />
</chart:SfCircularChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/10/Explode-a-segment-using-touch-interaction-in-.NET-MAUI-Circular-Chart.gif" alt="Explode a segment using touch interaction in .NET MAUI Circular Chart" style="width:100%">

  <figcaption>Explode a segment using touch interaction in .NET MAUI Circular Chart</figcaption>

</figure>


## View in center of doughnut charts

You can place any view in the middle of a doughnut chart. This helps us show more information about the chart data. The following code example shows how to configure the doughnut chart’s center view.

**Xaml**

```xml
<chart:SfCircularChart>
 <chart:SfCircularChart.Series>
  <chart:DoughnutSeries ItemsSource="{Binding DoughnutSeriesData}" XBindingPath="Name" YBindingPath="Value"/>
   <chart:DoughnutSeries.CenterView>
   <Label Text = "{Binding Total, Source={x:Reference doughnutViewModel}}"/>
  </chart:DoughnutSeries.CenterView>
 </chart:SfCircularChart.Series>
</chart:SfCircularChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/10/Adding-a-View-at-the-Center-of-a-.NET-MAUI-Doughnut-Chart.png" alt="Adding a View at the Center of a .NET MAUI Doughnut Chart" style="width:100%">

  <figcaption>Adding a View at the Center of a .NET MAUI doughnut chart</figcaption>

</figure>


## Chart plot area background

Add any view to the chart area. This comes in handy for including relevant information, a watermark, or a color gradient in the chart’s background area.

The following code example shows how to configure the .NET MAUI Cartesian Chart’s plot area background view.

**Xaml**

```xml
<chart:SfCartesianChart>
 <chart:SfCartesianChart.PlotAreaBackgroundView>
  <AbsoluteLayout>
    <Label Text=" Copyright © 2001 - 2022 Syncfusion Inc "
           FontSize="18"
           AbsoluteLayout.LayoutBounds="1,1,-1,-1"
           AbsoluteLayout.LayoutFlags="PositionProportional"
           Opacity="0.4" />
    <Label Text="CONFIDENTIAL"
           Rotation="340"
           AbsoluteLayout.LayoutBounds="0.5,0.5,-1,-1"
           AbsoluteLayout.LayoutFlags="PositionProportional"
           Opacity="0.3" />
  </AbsoluteLayout>
 </chart:SfCartesianChart.PlotAreaBackgroundView>
</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2022/10/Adding-a-view-at-the-chart-plot-area-background.png" alt="Adding a view at the chart plot area background" style="width:100%">

  <figcaption>Adding a view at the chart plot area background</figcaption>

</figure>


## Conclusion

Thanks for reading! We have seen the new features added to the Syncfusion [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-charts ".NET MAUI Charts") for the [2022 Volume 3](https://www.syncfusion.com/forums/177858/essential-studio-2022-volume-3-main-release-v20-3-0-47-is-available-for-download "Essential Studio 2022 Volume 3") release. Use these features to make your chart data more readable.

You can get additional details about every new feature in this Volume 3 by reading our [release notes](https://help.syncfusion.com/common/essential-studio/release-notes/v20.3.0.47?_gl=1*1yl54py*_ga*MTc0OTQ0NjYwNi4xNjU3ODgyMjE1*_ga_WC4JKKPHH0*MTY2NTExMDM1Ny4zMTYuMS4xNjY1MTExNjY5LjAuMC4w "Syncfusion Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Syncfusion What’s New") pages. Have a look at our .NET MAUI Charts [GitHub demos](https://github.com/syncfusion/maui-demos "Syncfusion .NET MAUI examples on GitHub") and [documentation](https://help.syncfusion.com/maui/introduction/overview "Syncfusion .NET MAUI controls documentation").

Submit your questions or feature requests in the comments section below. You can also reach 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").

## Related blogs

- [Syncfusion Essential Studio 2022 Volume 3 Is Here!](https://www.syncfusion.com/blogs/post/syncfusion-essential-studio-2022-volume-3-is-here.aspx "Blog: Syncfusion Essential Studio 2022 Volume 3 Is Here!")
- [Introducing the .NET MAUI Autocomplete Control](https://www.syncfusion.com/blogs/post/dotnet-maui-autocomplete-control.aspx "Blog: Introducing the .NET MAUI Autocomplete Control")
- [What’s New in .NET MAUI: 2022 Volume 3](https://www.syncfusion.com/blogs/post/whats-new-in-net-maui-2022-volume-3.aspx "Blog: What’s New in .NET MAUI: 2022 Volume 3")
- [Configure Syncfusion .NET MAUI Controls Using Visual State Manager (VSM)](https://www.syncfusion.com/blogs/post/configure-syncfusion-net-maui-controls-using-visual-state-manager.aspx "Blog: Configure Syncfusion .NET MAUI Controls Using Visual State Manager")