My pages will have a lot of charts on them, and I'd like to allow my user to change the chart type for a dataset without having to go through a page reload. My solution so far has been to make each chart inside of an embedded iframe, which allows me to reload a new type of chart in a new iframe without reloading the page.
The problem is that so far, I've had to load the ExtJS library in each iframe separately, which gets pretty slow when you're talking about 15 or 20 iframes. What I'd like is to be able to use the ExtJS library inside of my iframes without having to load the library for each one. When I used "parent" to access the ExtJS functions, it started acting up, mostly because of how ExtJS requires you to put your chart generation in their Ext.onReady() function (calling parent.Ext.onReady() gave some very strange behaviors).
Any ideas for solutions or workarounds? I would use another library, but I'm already migrating from an uglier, flash based chart library, and I really like what ExtJS is capable of.
Thanks. It seems very unlikely that ExtJS forces a page reload to generate a new chart.