23 Sep 20203 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
FastLineSeriesseries instead of
LineSeries. To renderer a fast line chart, create an instance of
FastLineSeriesand add to the series using
[C#] SfChart chart = new SfChart(); ... FastLineSeries fastLineSeries = new FastLineSeries(); fastLineSeries.ItemsSource = Data; fastLineSeries.XBindingPath = "XValue"; fastLineSeries.YBindingPath = "YValue; chart.Series.Add(fastLineSeries);
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
FastLineSeriesis 2, reducing this to 1 will improve the performance. Refer the following code snippet to configure the stroke width of FastLineSeries.
[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
ListenPropertyChangeproperty 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
ChartSeries, the chart will be refreshed with new data point if the
ObservableCollection. In order to avoid the chart rendering for each update in
ItemsSource, you can suspend the chart using
SuspendSeriesNotificationmethod of chart and the
ResumeSeriesNotificationshould 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.
Chart.SuspendSeriesNotification(); // ... // Add the data points to ItemsSource property. // ... Chart.ResumeSeriesNotification();
series.SuspendNotification(); // ... // Add the data points to ItemsSource property. // ... series.ResumeNotification();