Fusion Chart (problem in IE)

[cujo13]

I'm having a problem rendering Fusion charts in IE. They work fine in FireFox but fail in IE. If I remove the ExtND reference they load fine in both.

I've remove all code from my form so only the chart is left. I've put static XML in in to verify pulling the XML is not the problem.

In IE I get "Loading Document" status bar that will not go away.

Ideas?



<table>
<tr>
<td>&nbsp; Four Year Order History</td></tr><td>
<div id="PHChart1">
The chart will appear within this DIV. This text will be replaced by the chart.
</div>
<script type="text/javascript">
var myChart = new FusionCharts('http://www.mycompany.com/oc.nsf/charts/Pie2d.swf', 'salesTotals', '300', '200', '0', '1');
myChart.setDataXML("<chart caption='Pie Chart' numberPrefix='$'><set value='25' label='Item A' color='AFD8F8'/><set value='17' label='Item B' color='F6BD0F'/><set value='23' label='Item C' color='8BBA00' isSliced='1'/><set value='85' label='Item D' color='A66EDD'/><set value='2' label='Item E' color='F984A1'/></chart>");
myChart.render("PHChart1");
</script>
</td>
</tr>
</table>


Thanks.

[RWaters]

Hmm, that is odd. I have never used FusionCharts before though. I would assume it must be throwing an error in IE, can you provide some information about where the error is occurring?

[cujo13]

Yep, sorry.

Line: 124
Char: 1225
Error: 'this.el.dom.value.length' is null or not an object
Code: 0

[RWaters]

that's a little better. Unfortunately IE mangles line numbers so it's really tough to determine where that actually happens. Can you open up a debugger and figure out what method is actaully being called?

[cujo13]

MS Script Debugger points to this area here.

Is there a better debugger for IE? Is that the info you need.



Ext.form.Field=Ext.extend(Ext.BoxComponent,{invalidClass:"x-form-invalid",invalidText:"The value in this field is invalid",focusClass:"x-form-focus",validationEvent:........

[RWaters]

Sort of.

Can you make sure the ext-all-debug and extnd-all-debug are being used? If you're using our normal Ext.nd setup you can append a &debug=true parameter and we will use debug versions instead of the compressed version.

Also, there's not really any great options for IE debugging yet...

[cujo13]

Got it, thanks.



initValue : function(){
if(this.value !== undefined){
this.setValue(this.value);
}else if(this.el.dom.value.length > 0){
this.setValue(this.el.dom.value);
}
},