Performance

23 Sep 2020 / 3 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.

  • c#
  • [C#]
    
    SfChart chart = new SfChart();
    ...
    
    FastLineSeries fastLineSeries = new FastLineSeries();
    fastLineSeries.ItemsSource = Data;
    fastLineSeries.XBindingPath = "XValue";
    fastLineSeries.YBindingPath = "YValue;
    
    chart.Series.Add(fastLineSeries);

    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 stroke width of the FastLineSeries is 2, reducing this to 1 will improve the performance. Refer the following code snippet to configure the stroke width of FastLineSeries.

  • c#
  • [C#]
    
    SfChart chart = new SfChart();
    ...
    
    FastLineSeries fastLineSeries = new FastLineSeries();
    fastLineSeries.ItemsSource = Data;
    fastLineSeries.XBindingPath = "XValue";
    fastLineSeries.YBindingPath = "YValue;
    fastLineSeries.StrokeWidth = 1;
    
    chart.Series.Add(fastLineSeries);
    • 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 ChartSeries, 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 ChartSeries to suspend and resume the update of the respective series.

  • c#
  • series.SuspendNotification();
    
    // ...
    
    // Add the data points to ItemsSource property.
    
    // ...
    
    series.ResumeNotification();