Fast Scatter in .NET MAUI Chart

19 Mar 20252 minutes to read

The FastScatterSeries is a specialized scatter series designed to efficiently render a large number of data points. To render a fast scatter chart, create an instance of FastScatterSeries, and add it to the Series collection property of SfCartesianChart.

The PointHeight and PointWidth properties in the FastScatterSeries control the height and width of scatter segments. The Type property allows you to change the rendering shape of the FastScatterSeries.

NOTE

The Cartesian chart has Series as its default content.

XAML

<chart:SfCartesianChart>

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

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

   <chart:FastScatterSeries ItemsSource="{Binding Data1}" 
                       XBindingPath="XValue" 
                       YBindingPath="YValue" />

   <chart:FastScatterSeries ItemsSource="{Binding Data2}" 
                       XBindingPath="XValue" 
                       YBindingPath="YValue" />

</chart:SfCartesianChart>

C#

SfCartesianChart chart = new SfCartesianChart();

NumericalAxis primaryAxis = new NumericalAxis();
chart.XAxes.Add(primaryAxis);

NumericalAxis secondaryAxis = new NumericalAxis();
chart.YAxes.Add(secondaryAxis);

FastScatterSeries scatterSeries1 = new FastScatterSeries
{
   ItemsSource = new ViewModel().Data1,
   XBindingPath = "XValue",
   YBindingPath = "YValue",
};

FastScatterSeries scatterSeries2 = new FastScatterSeries
{
   ItemsSource = new ViewModel().Data2,
   XBindingPath = "XValue",
   YBindingPath = "XValue",
};

chart.Series.Add(scatterSeries1);
chart.Series.Add(scatterSeries2);
this.Content = chart;