PDA

View Full Version : IE doesn't show multiple charts on a Tab Panel



tawfeeq
23 Apr 2011, 12:52 AM
Greetings guys,

I've been trying many ways to make my charts work on IE but it seems no hope.

Any advice would be much appreciated.

thanks.



var chart1 = new Ext.chart.LineChart({
id: 'chart1',
iconCls:'chart',
title:'chart1',
width:500,
height:300,
store: new Ext.data.JsonStore({url:'test1.jsp',method:'post',autoLoad:false,root:'records'}),
layout:'fit',
split: true,
loadMask : {msg: 'Loading Data...', msgCls: 'some-css-class'},
xField: 'hour'
});

var chart2 = new Ext.chart.LineChart({
id: 'chart2',
iconCls:'chart',
title:'chart2',
width:500,
height:300,
store: new Ext.data.JsonStore({url:'test1.jsp',method:'post',autoLoad:false,root:'records'}),
layout:'fit',
split: true,
loadMask : {msg: 'Loading Data...', msgCls: 'some-css-class'},
xField: 'hour'
});

var chart3 = new Ext.chart.LineChart({
id: 'chart3',
iconCls:'chart',
title:'chart3',
width:500,
height:300,
store: new Ext.data.JsonStore({url:'test1.jsp',method:'post',autoLoad:false,root:'records'}),
layout:'fit',
split: true,
loadMask : {msg: 'Loading Data...', msgCls: 'some-css-class'},
xField: 'hour'
});


var center = new Ext.TabPanel({
region: 'center',
id: 'centerTab',
autoScroll: true,
split: true,
activeTab: 0,
items: [{title:'Reports',html:'Moview '},chart1,chart2,chart3]
});



Ext.onReady(function(){
Ext.QuickTips.init();
var port = new Ext.Viewport({
layout:'border',
id: 'viewPort',
renderTo: Ext.getBody(),
items:[center]
});


});