PDA

View Full Version : chart blank in safari



mshepherd
23 Jun 2010, 11:56 PM
this comes up blank in safari, any ideas?

/*!
* Ext JS Library 3.2.1
* Copyright(c) 2006-2010 Ext JS, Inc.
* [email protected]
* http://www.extjs.com/license
*/
Ext.chart.Chart.CHART_URL = '../../resources/charts.swf';

Ext.onReady(function(){
var store = new Ext.data.JsonStore({
fields: ['year', 'comedy', 'action', 'drama', 'thriller'],
data: [
{year: 2005, comedy: 34000000, action: 23890000, drama: 18450000, thriller: 20060000},
{year: 2006, comedy: 56703000, action: 38900000, drama: 12650000, thriller: 21000000},
{year: 2007, comedy: 42100000, action: 50410000, drama: 25780000, thriller: 23040000},
{year: 2008, comedy: 38910000, action: 56070000, drama: 24810000, thriller: 26940000}
]
});

var win = new Ext.Window({
layout:'fit',
width:500,
height:300,
closeAction:'hide',
plain: true,

items: new Ext.TabPanel({
items: new Ext.Panel({
width: 600,
height: 400,
title: 'Stacked Bar Chart - Movie Takings by Genre',
items: {
xtype: 'stackedbarchart',
store: store,
yField: 'year',
xAxis: new Ext.chart.NumericAxis({
stackingEnabled: true,
labelRenderer: Ext.util.Format.usMoney
}),
series: [{
xField: 'comedy',
displayName: 'Comedy'
},{
xField: 'action',
displayName: 'Action'
},{
xField: 'drama',
displayName: 'Drama'
},{
xField: 'thriller',
displayName: 'Thriller'
}]
}}),
autoTabs:true,
activeTab:0,
deferredRender:false,
border:false
})
});
win.show();


});

27 Jun 2010, 10:06 AM
works for me.

Are you *sure* the swf file is in that relative path??

I pasted your code (Minus the CHART_URL declaration) in the docs page.

http://tdg-i.com/img/screencasts/2010-06-27_1405.png

27 Jun 2010, 10:06 AM
Btw, you should consider using the Safari Dev Tools. They are awesome.

mshepherd
27 Jun 2010, 10:13 AM
It does seem to work if you run it from the debug console, but not if you load it from an html file. I got it working by running a syncsize on the tab panel after show delayed by .25 seconds.

27 Jun 2010, 10:45 AM
It does seem to work if you run it from the debug console, but not if you load it from an html file. I got it working by running a syncsize on the tab panel after show delayed by .25 seconds.

I'll be honest, I don't develop my apps using autoLoad.

SantaBarbarian
27 Jun 2010, 12:17 PM
I don't know if it is related but charts seem to have quit working for firefox (3.6.4 & 3.6.6) & chrome from some point last evening onward. IE8 seems ok.

For example, the charts here all come up as a bunch of blank boxes.

http://www.sencha.com/deploy/dev/examples/chart/charts.html

See attached image for how it looks (image is limited to 600x600, so you can only see part of the image. The rest of the charts are also blank)