Exporter Not Working in IE

[hlukes]

I have a page with a number of angular charts on it that export on clientside.  This has worked for years but apparently not in IE.   Any ideas why IE just gives me a http://myapp/fcExporter1 opened in a new window?   

<div id="fcexpDiv" align="center"></div>
   <script type="text/javascript">
      //Render the export component in this
      //Note: fcExporter1 is the DOM ID of the DIV and should be specified as value of exportHandler
      //attribute of chart XML.
      var myExportComponent = new FusionChartsExportObject("fcExporter1", "FusionCharts/FCExporter.swf");

      //Render the exporter SWF in our DIV fcexpDiv
      myExportComponent.Render("fcexpDiv");
   </script>


<div id='Genl825Div' align='center'>
			Chart.
			
		</div>
			
            
		<script type="text/javascript">	
		FusionCharts.setCurrentRenderer('javascript');

			//Instantiate the Chart	
			var chart_Genl825 = new FusionCharts("FusionWidgets/AngularGauge.swf", "Genl825", "300", "300", 0, 1);
			
			
			//Provide entire XML data using dataXML method 
			chart_Genl825.setDataXML("<chart exportEnabled='1' exportAtClient='1' exportFileName='Student Official FTE Enrollment' exportHandler='fcExporter1' bgColor='FFFFFF' bgAlpha='100' gaugestartAngle='225' gaugeendAngle='-45' lowerLimit='0.2' upperLimit='57.5' majorTMNumber='11' adjustTM='0' majorTMThickness='2' majorTMColor='F48900' majorTMHeight='15' minorTMNumber='4' minorTMThickness='2' minorTMColor='000000' minorTMHeight='12' placeValuesInside='1' gaugeOuterRadius='128' gaugeInnerRadius='128' baseFontColor='000000' baseFont='Arial' baseFontSize='11' showShadow='0' pivotRadius='20' pivotFillColor='000000,F48900' pivotFillType='linear' pivotFillRatio='60,40' pivotFillAngle='240' annRenderDelay='0' lowerLimitDisplay='0.2 (Min)' upperLimitDisplay='57.5 (Max)' tickValueDistance='19' chartLeftMargin='15'><trendpoints><point startValue='0.7' endValue='24.7' radius='120' innerRadius='0' color='F48900' alpha='35' showBorder='0'/><point startValue='12.6947380795' displayValue='AVG' color='00CC00' thickness='3' alpha='200' valueInside='0' radius='105' /></trendpoints><dials><dial value='2.2' color='E70E00' borderColor='E70E00' baseWidth='15' topWidth='1' radius='85' /></dials><styles><definition><style name='pivotGlow' type='glow' color='F48900' blurX='15' blurY='15' alpha='60'/><style name='circleBlur' type='blur'/><style name='TTipFont' type='font' color='F48900' bgColor='000000' borderColor='F48900' font='Verdana' size='10'/></definition><application><apply toObject='PIVOT' styles='pivotGlow'/><apply toObject='Grp1' styles='circleBlur'/><apply toObject='TOOLTIP' styles='TTipFont'/></application></styles></chart>");
			
			//Finally, render the chart.
			chart_Genl825.render("Genl825Div");
		</script>	

[Guest Sashibhusan]

Hi,

 

Could you please confirm the exact version of FusionWidgets XT you are using, in your application? (To know the version details, open the "FusionCharts.js" file in any text editor and see first few commented lines)

 

Since, you are exclusively setting the Gauge to plot in JavaScript mode, we would recommend you to use FusionCharts Suite XT v3.3.0 or above version, where JavaScript charts can automatically be exported to client's machine, by sending the stream of chart data to external server.

 

In this case, you would not need to create the object instance of "FusionChartsExportObject" and remove the exportHandler='fcExporter1' from chart XML data.

 

Else, if you are willing your chart to export for both Flash as well as in JavaScript mode (without any modification in code), you would need to just add the html5ExportHandler='http://export.api3.fusioncharts.com/' in the chart element of your XML data along with exportHandler='fcExporter1'.

 

For more information on "Exporting Pure JavaScript Charts", please visit the link: http://docs.fusioncharts.com/widgets/Contents/ExportingImage/ECPureJS.html

 

Hope this helps!