The performance of the charts in ExtJS 4.0 seems to be very low. For instance, in line charts there is a significant delay in drawing the points and animation even for 100 points or less.
I have seen mobile charting frameworks that are more responsive for such a reduced number of points.
Also, desktop charting packages become that unresponsive at 10000+ points.
We are having the same issues. We are even thinking of switching to flash charts. Can anyone provide any tips or workarounds for increasing chart performance.
I think there are two reasons for low chart performance: (1) overhead of the data package and (2) the drawing package (on which the Ext JS charts are based) is not efficient.
Regarding point #2, there have been some improvements in the Touch drawing package, so these changes might land in Ext JS as well in a future release.
I noticed the biggest slow down is happening in the (drawVerticalLabels and drawHorizontalLabels), it takes about 50% of the time to process the graphs. Also, in Sencha Touch these functions dont exist, they use something different for drawing labels.
I'm trying to optimize these functions a bit however so far I havent seen too much gain.
ExtJS 4 charts performance
Reply With Quote