What’s New in 2023 Volume 2: .NET MAUI Charts
Tags: dotnetmaui, charts, mobile, desktop
Published: 2023-06-22 12:52:04

---
title: What’s New in 2023 Volume 2: .NET MAUI Charts
published: true
date: 2023-06-22 11:29:03 UTC
tags: dotnetmaui, charts, mobile, desktop
canonical_url: https://www.syncfusion.com/blogs/post/2023-volume-2-dotnet-maui-charts.aspx
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oc5x0dn3for7q9fe4s7x.png
---
Syncfusion’s [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Charts") controls have been enhanced with new features and chart types in the [2023 Volume 2](https://www.syncfusion.com/forums/183035/essential-studio-2023-volume-2-main-release-v22-1-34-is-available-for-download "Essential Studio 2023 Volume 2") release. These robust charting controls provide comprehensive options for visualizing data in various scenarios.

Let’s explore the exciting additions and improvements introduced in our .NET MAUI charts for this 2023 Volume 2 release.

## New chart types in Cartesian Charts

Six new chart types were added to the [.NET MAUI Cartesian Charts](https://www.syncfusion.com/maui-controls/maui-cartesian-charts ".NET MAUI Cartesian Charts") control.

### Step line chart

The step line chart displays data points as connected horizontal and vertical line segments, creating a stepped pattern. It is useful for visualizing data that changes abruptly at specific points in time or along an axis. This chart type is commonly used to represent stock market trends or other data with sudden shifts.

Refer to the following code example.

```xml
<chart:SfCartesianChart Title="Electricity Production from Various Sources (% of total)">

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

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

 <chart:StepLineSeries ItemsSource="{Binding ElectricityProductionDataUK}" 
                       XBindingPath="Name" 
                       YBindingPath="Value"/>
 <chart:StepLineSeries ItemsSource="{Binding ElectricityProductionDataUS}" 
                       XBindingPath="Name" 
                       YBindingPath="Value"/>

</chart:SfCartesianChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/06/NET-MAUI-Step-Line-Chart-1.png" alt=".NET MAUI Step Line Chart" style="width:100%">

  <figcaption>.NET MAUI Step Line Chart</figcaption>

</figure>

### Step area chart

Like the step line chart, the step area chart also uses stepped line segments. However, the area between the segments is filled instead of just lines, creating a visually appealing stepped area. It is suitable for representing cumulative data or displaying changes in data over time.

Refer to the following code example.

```xml
<chart:SfCartesianChart Title="Stock Price Comparison in February 2023">
 
 <chart:SfCartesianChart.XAxes>
  <chart:DateTimeAxis/>
 </chart:SfCartesianChart.XAxes>
    
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes >

 <chart:StepAreaSeries
        ItemsSource="{Binding StepAreaDataA}" 
        XBindingPath="Date"
        YBindingPath="Value"/>

 <chart:StepAreaSeries
        ItemsSource="{Binding StepAreaDataB}" 
        XBindingPath="Date"
        YBindingPath="Value"/>

</chart:SfCartesianChart>
```
<figure>

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

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

</figure>

### Range area chart

The range area chart displays a range of values for each data point, typically represented by a shaded area between two lines. It is commonly used to visualize data with minimum and maximum values, such as temperature ranges or stock price fluctuations. This type of chart aids in comprehending the variations or dissemination of data.

Refer to the following code example.

```xml
<chart:SfCartesianChart Title="Temperature Variation in Arizona">

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

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

 <chart:RangeAreaSeries
        ItemsSource="{Binding RangeAreaData1}" 
        XBindingPath="Date" 
        High="Value" 
        Low="Size"/>
    
</chart:SfCartesianChart>

```
<figure>

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

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

</figure>

### 100% stacked column chart

This chart type is ideal for comparing the proportions of different categories within a single column. Each column is divided into segments, representing the contribution of each category as a percentage of the total column height. It helps in understanding the relative distribution of data across categories.

Refer to the following code example.

```xml
<chart:SfCartesianChart Title="Worldwide Net Sales of Macy's Inc. by Product Category (In Million US Dollars)">

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

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

 <chart:StackingColumn100Series ItemsSource="{Binding MacysSalesDataA}"
                                XBindingPath="Name" 
                                YBindingPath="Value"/>

 <chart:StackingColumn100Series ItemsSource="{Binding MacysSalesDataB}" 
                                XBindingPath="Name" 
                                YBindingPath="Value"/>

 <chart:StackingColumn100Series ItemsSource="{Binding MacysSalesDataC}" 
                                XBindingPath="Name" 
                                YBindingPath="Value"/>

 <chart:StackingColumn100Series ItemsSource="{Binding MacysSalesDataD}" 
                                XBindingPath="Name" 
                                YBindingPath="Value"/>

</chart:SfCartesianChart>
```
<figure>

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

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

</figure>

### Candle chart

The candle chart is also known as the Japanese candlestick chart. It is commonly used in financial analysis. It represents the opening, closing, high, and low prices of a stock or commodity within a specified time period. The candle’s body is filled or hollow, indicating whether the closing price is higher or lower than the opening price. It provides insights into price trends and market sentiments.

Refer to the following code example.

```xml
<chart:SfCartesianChart x:Name="Chart" Title="Stock Data of AEIS">
 <chart:SfCartesianChart.XAxes>
  <chart:DateTimeAxis/>
 </chart:SfCartesianChart.XAxes>
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>

 <chart:CandleSeries ItemsSource="{Binding StockData}"
                     XBindingPath="Date"
                     Open="Open"
                     High="High"    
                     Low="Low"
                     Close="Close"/>

</chart:SfCartesianChart>
```
<figure>

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

  <figcaption>.NET MAUI Candle Chart</figcaption>

</figure>

### OHLC (open-high-low-close) chart

The OHLC chart is similar to the candle chart and is widely used in financial analysis. It displays the opening, high, low, and closing prices of a security or commodity within a specific time frame. It provides a comprehensive view of price movements, including the highest and lowest prices reached during the time period. Traders and investors use this chart to analyze price patterns and make informed decisions.

Refer to the following code example.

```xml
<chart:SfCartesianChart Title="XNAS of ABM">
 <chart:SfCartesianChart.XAxes>
  <chart:DateTimeAxis/>
 </chart:SfCartesianChart.XAxes>
    
 <chart:SfCartesianChart.YAxes>
  <chart:NumericalAxis/>
 </chart:SfCartesianChart.YAxes>

 <chart:HiLoOpenCloseSeries ItemsSource="{Binding StockDataOHLC}"
                            XBindingPath="Date"
                            Open="Open"
                            High="High"
                            Low="Low"
                            Close="Close"/>
    
</chart:SfCartesianChart>
```
<figure>

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

  <figcaption>.NET MAUI OHLC Chart</figcaption>

</figure>

## Grouping feature in Circular Charts

The new grouping feature in the [.NET MAUI Circular Charts](https://www.syncfusion.com/maui-controls/maui-circular-charts ".NET MAUI Circular Charts") control allows users to group small segments into the **others** category. When there are multiple small segments that have values below a certain threshold, they can be combined into a single slice labeled as **others** in the legend. This helps us to simplify the chart’s appearance and make it easier to read and interpret.

Refer to the following code example.

```xml
<chart:SfCircularChart Title="World Economy in 2021">

 <chart:PieSeries ItemsSource="{Binding GroupToData}"
                  XBindingPath="Name"
                  YBindingPath="Value"
                  GroupTo="3" 
                  GroupMode="Value"/>

</chart:SfCircularChart>
```
<figure>

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

  <figcaption>Grouping Feature in .NET MAUI Circular Charts</figcaption>

</figure>

## Surface drawing mode in Pyramid Chart

The [.NET MAUI Pyramid Chart](https://www.syncfusion.com/maui-controls/maui-pyramid-charts ".NET MAUI Pyramid Charts") control now supports a surface drawing mode. This mode enhances the chart’s data point creation based on a percentage of available size. By utilizing this feature, developers can create visually stunning pyramid charts that capture users’ attention and convey metrics effectively.

Refer to the following code example.

```xml
<chart:SfPyramidChart ItemsSource=”{Binding FinancialData}”
                      XBindingPath=”Name”
                      YbindingPath=”Size”
                      Mode=”Surface”>

</chart:SfPyramidChart>
```
<figure>

  <img src="https://www.syncfusion.com/blogs/wp-content/uploads/2023/06/Surface-Drawing-Mode-in-.NET-MAUI-Pyramid-Charts-1.png" alt="Surface Drawing Mode in .NET MAUI Pyramid Charts" style="width:100%">

  <figcaption>Surface Drawing Mode in .NET MAUI Pyramid Charts</figcaption>

</figure>

## Conclusion

Thanks for reading! In this blog, we have seen the new chart types and features added to Syncfusion’s [.NET MAUI Charts](https://www.syncfusion.com/maui-controls/maui-charts ".NET MAUI Charts") controls for the [2023 Volume 2](https://www.syncfusion.com/forums/183035/essential-studio-2023-volume-2-main-release-v22-1-34-is-available-for-download "Essential Studio 2023 Volume 2") release. Use them to enhance the readability of your chart data.

Check out our [Release Notes](https://help.syncfusion.com/common/essential-studio/release-notes/v22.1.34 "Syncfusion Release Notes") and [What’s New](https://www.syncfusion.com/products/whatsnew "Syncfusion What’s New page") pages to see the other updates of 2023 Volume 2.

For existing 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 are not yet a Syncfusion customer, you can try our 30-day [free trial](https://www.syncfusion.com/downloads "Free evaluation of the Essential Studio products") to check out our available features.

You can also 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 are always happy to assist you!

## Related blogs

- [Syncfusion Essential Studio 2023 Volume 2 Is Here!](https://www.syncfusion.com/blogs/post/essential-studio-2023-volume-2.aspx "Blog: Syncfusion Essential Studio 2023 Volume 2 Is Here!")
- [Introducing the 8th Set of .NET MAUI Controls](https://www.syncfusion.com/blogs/post/whats-new-dotnet-maui.aspx "Blog: Introducing the 8th Set of .NET MAUI Controls")
- [Chart of the Week: Creating a .NET MAUI Pie Chart to Illustrate US Methane Emissions in 2021](https://www.syncfusion.com/blogs/post/dotnet-maui-pie-chart-visualize-us-methane-emissions.aspx "Blog: Chart of the Week: Creating a .NET MAUI Pie Chart to Illustrate US Methane Emissions in 2021")
- [Chart of the Week: Creating a .NET MAUI Waterfall Chart to Track Monthly Sales](https://www.syncfusion.com/blogs/post/dotnet-maui-pie-chart-visualize-us-methane-emissions.aspx "Blog: Chart of the Week: Creating a .NET MAUI Waterfall Chart to Track Monthly Sales")