Web Components Real Time Data

The Ignite UI for Web Components 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.


Performance Optimizations

There are several chart features and Web Components specific features that affect performance of the chart and they should be considered when optimizing performance in your application.

  • Instead of Web Components 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 Web Components 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 Web Components 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 --prod

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.