The current technologies used on my server (ASP, JavaScript, ExtJs)
FusionCharts (evaluation charts downloaded last week)
I am trying to update the charts dynamically from a drop down field. Once the drop down field has changed it calls a function to update the XML URL. This code works well (0 errors) in Firefox, but fails in IE.
HTML Code
div id="errorRateChart" style="width:49%;" /div
script type="text/javascript"
var browser=navigator.appName;
if (browser!='Microsoft Internet Explorer')
{
var myChart = new FusionCharts("fusionCharts/AngularGauge.swf", "errorRateChart", "300", "175", "0", "1");
}else{
var myChart = new FusionCharts("fusionCharts/AngularGauge.swf", "errorRateChart", "300", "175", false, true);
}
myChart.setDataURL("webService/processErrorRateGaugeChart.asp");
myChart.render("errorRateChart");
/script
My Javascript code
// Update String
var strUrl;
strUrl = escape('webService/processErrorRateGaugeChart.asp?dateId=' + myNewDateId + '&scm=' + newScm);
var chartObj = getChartFromId("errorRateChart");
chartObj.setDataURL(strUrl);
While this code works in Firefox quite nicely, it fails wit the following error in IE
Error: Object doesn't support this property or method
The error is referenced to the following code line:
chartObj.setDataURL(strUrl);
I have tried changing the following code from this:
var myChart = new FusionCharts("fusionCharts/AngularGauge.swf", "errorRateChart", "300", "175", false, true);
to:
var myChart = new FusionCharts("fusionCharts/AngularGauge.swf", "errorRateChart", "300", "175", "0", "1");
but the code doesn't even work the first time the chart is called.
I have researched the forums and have found the following topics:
http://www.fusioncharts.com/forum/Topic1675-47-2.aspx
http://www.fusioncharts.com/forum/Topic699-6-1.aspx
http://www.fusioncharts.com/forum/Topic2403-33-1.aspx
I know that in IE my code is not getting registered with javascript. Does anyone have any idea what this might be occurring?
