React Real Time Data
The Ignite UI for React category chart component is capable of handling high volumes of data, ranging into the millions of data points, and updating them every few milliseconds as demonstrated in the following demo.
There are several chart features and React specific features that affect performance of the chart and they should be considered when optimizing performance in your application.
- Instead of React automatically telling the charts how they should react to data changes, its your responsibility to notify the components how the data they have been bound to has been modified.
- Reacting to these delta notifications can be done much more efficiently than to have to compare a 1M record array for any changes, every time React runs a change detection.
- Look for the
notify*methods on each chart for more information about how to notify the chart of changes to the data it is bound against.
- When React is in Debug mode, there is a lot of overhead in some browsers that will drag down performance. When evaluating real would performance always make sure to serve or build with
Note If any performance issues are observed in your application, performance of the charts has shown improvement when run in production builds and not debug builds. Please be sure to run production builds for these scenarios.