How to Set Series Opacity in .NET MAUI Chart (SfCartesianChart)?

This article explains how to adjust the opacity of series colors in a .NET MAUI SfCartesian Chart. The transparency of a series color can be modified by setting the Opacity property of the series to a value between 0 and 1.

Step 1: Initialize SfCartesianChart

Set up the SfCartesianChart following the guidelines in documentation.

Step 2: Adjust Series Opacity

Use the Opacity property to control the transparency of the series color. The Opacity property can be set to a value between 0 (completely transparent) and 1 (fully opaque). Below is an example code snippet demonstrating how to apply a 50% opacity to a bubble series in an SfCartesianChart:

[XAML]

<chart:SfCartesianChart>
...
     <chart:BubbleSeries  XBindingPath="Value"  
                          YBindingPath="High"
                          ItemsSource="{Binding GDPGrowthCollection}"
                          Opacity="0.5"/>
</chart:SfCartesianChart>

[C#]

SfCartesianChart chart = new SfCartesianChart();
...
var series = new BubbleSeries
{
    ItemsSource = new ViewModel().GDPGrowthCollection,
    XBindingPath = "Value",
    YBindingPath = "High",
    Opacity = 0.5
};
chart.Series.Add(series);

Output:

Conclusion
I hope you enjoyed learning how to set series opacity in .NET MAUI SfCartesianChart.

Refer to our .NET MAUI Chart’s feature tour page to learn about its other groundbreaking feature representations. You can also explore our .NET MAUI Chart documentation to understand how to present and manipulate data.

For current customers, check out our .NET MAUI from the License and Downloads page. If you are new to Syncfusion, try our 30-day free trial to check out our .NET MAUI Chart and other .NET MAUI components.

Please let us know in the following comments section if you have any queries or require clarifications. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!