Performance

1 Mar 20222 minutes to read

Following are the key points that can be used to boost the performance of the chart when there is a need to plot high volume data.

• When there are large number of points to load in line series, you can use SFFastLineSeries series instead of SFLineSeries. To renderer a fast line chart, create an instance of SFFastLineSeries and add to SFChart.

C#

SFFastLineSeries columnSeries = new SFFastLineSeries() { 
    
    ItemsSource = Data, 
    XBindingPath = "Country", 
    YBindingPath = "Value" 

};

NOTE

If you have minimal set of data points, the recommended approach is to use normal line series to visualize those data using line chart. Because the normal line series has provisions to customize the color and shape of individual line.

• Instead of enabling data markers and labels when there are large number of data points, you can use Trackball to view the point information.

• The default line width of the SFFastLineSeries is 2, reducing this to 1 will improve the performance. Refer the following code snippet to configure the line width of FastLineSeries.

C#

SFFastLineSeries columnSeries = new SFFastLineSeries() { 
    
    ItemsSource = Data, 
    XBindingPath = "Country", 
    YBindingPath = "Value",
	LineWidth = 1 

};

• When the underlying data object implements INotifyPropertyChanged, you need to enable the ListenPropertyChange property of the series, to make the chart listen to the property changes of your data object. However enabling this property registers PropertyChanged event of every object in the data source. Due to this, chart’s loading time is affected when there are a large number of points. By default, ListenPropertyChange is set to false in order to avoid the event registration unnecessarily.

• Whenever there is a new data point is added to the ItemsSource property of SFSeries, the chart will be refreshed with new data point if the ItemsSource property contains ObservableCollection. In order to avoid the chart rendering for each update in ItemsSource, you can suspend the chart using SuspendSeriesNotification method of chart and the ResumeSeriesNotification should be called once the required data points are added to the collection and the chart should be refreshed with data points that have been added between these two method calls.

C#

Chart.SuspendSeriesNotification();

// ...

// Add the data points to ItemsSource property.

// ...

Chart.ResumeSeriesNotification();

Similarly, you can use SuspendNotification and ResumeNotification methods of SFSeries to suspend and resume the update of the respective series.

C#

series.SuspendNotification();

// ...

// Add the data points to ItemsSource property.	

// ...

series.ResumeNotification();