PDA

View Full Version : Multiple Charts not working in IE



mckernn
28 Oct 2010, 1:41 AM
I have an accordian layout, with three charts embedded as seperate items.
The first chart loads and displays fine in the top panel of the accordian.
When you click a point on this chart, it retrives data from the server for 2nd chart, expands the 2nd item in the accordian and is draw's the chart. Again, clicking a point on this chart will do the same for the 3rd chart.
This works fine in FF, but not in IE

I applied the cache busting fix
?nocache=' + Math.floor(Math.random()*10000)but this made no difference

Anyone any ideas??

Thanks

Condor
28 Oct 2010, 3:20 AM
Charts in hidden elements (like a collapsed accordion panel) are a real problem in some browsers.

Try expanding the second panel first, and in the expand event, load the chart store.

mckernn
28 Oct 2010, 5:10 AM
Thanks for the quick reply Condor.
However it still doesn't work, but I'm not ruling out my ineptitude



itemclick: function(o){
var rec = setChartStore.getAt(o.index);
sel_set = rec.get('SET_NO')
Ext.getCmp('areaAccord').setTitle('Set No : ' +sel_set);
Ext.getCmp('setAccord').collapse();
Ext.getCmp('areaAccord').expand(
areaChartStore.load({
params:{action:'areas', param:sel_set}
}
));
}


Does this look OK?
As a general rule should over-nesting of panels be avoided when implementing charts?

Thanks
Noel

Condor
28 Oct 2010, 5:18 AM
No, that doesn't call load AFTER expanding. You need:

Ext.getCmp('areaAccord').on('expand', function(){
areaChartStore.load({
params:{action:'areas', param:sel_set}
});
}, null, {single: true});
Ext.getCmp('areaAccord').expand();

mckernn
28 Oct 2010, 5:42 AM
Thanks again for the quick reply, Condor
That works, at least partially.
I think it's still maybe related to the caching issue, as after i refresh the page, I don't see any charts at all.

Thanks for your help.