Sign in to follow this  
michellemabelle

Charts Do Not Display In Ie9

Recommended Posts

Below is my code to create html text. The chart display in firefox with no problem, but in IE9, nothing was generated. I'm using the latest fusioncharts XT version.

Anyone can help?

 

 

htm += "<html>";

htm += "<head>";

htm += "<title></title> <script type=\"text/javascript\" src=\"../Scripts/FusionCharts.js\">";

htm += "</head>";

htm += "<body bgcolor=\"#ffffff\">";

 

htm += "<script type=\"text/javascript\">";

htm += "FusionCharts.printManager.enabled(true);";

 

htm += "</script>";

 

htm += "<OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\" width=\"750\" height=\"450\" id=\"" + name + "\" >";

htm += "<param name=\"movie\" value=\"../fusionChart/" + chart + "\" />";

htm += "<param name=\"FlashVars\" value=\"&dataURL=../xml/" + randomName + ".xml&chartWidth=750&chartHeight=450\" />";

htm += "<param name=\"quality\" value=\"high\" />";

htm += "<embed src=\"../FusionChart/" + chart + "\" flashVars=\"&dataURL=../xml/" + randomName + ".xml&chartWidth=750&chartHeight=450\" quality=\"high\" width=\"750\" height=\"450\" name=\"" + name + "\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />";

htm += "</object>";

htm += "</body>";

htm += "</html>";

 

Share this post


Link to post
Share on other sites

hii,

 

 

i am also facing this problem previously , after i get it resolved try to remove width from chart container id .

 

and try to incorporate this function , may be this will help you if not please write me back ..

 

 

 

////inside java script

 

function getBrowser() {

 

if( navigator.userAgent.indexOf("Chrome") != -1 ) {

hangeheightOfChartContainer();

return "Chrome";

} else if( navigator.userAgent.indexOf("Opera") != -1 ) {

 

return "Opera";

} else if( navigator.userAgent.indexOf("MSIE") != -1 ) {

 

return "IE";

} else if( navigator.userAgent.indexOf("Firefox") != -1 ) {

changeheightOfChartContainer();

return "Firefox";

} else {

return "unknown";

}

}

getBrowser();

function changeheightOfChartContainer()

{

 

document.getElementById("chartContainer").style.height = null;

 

 

}

 

////////in HTML --

<div id="chartContainer" style="height:100%">PowerCharts XT will load here!</div>

 

 

 

 

Below is my code to create html text. The chart display in firefox with no problem, but in IE9, nothing was generated. I'm using the latest fusioncharts XT version.

Anyone can help?

 

 

htm += "<html>";

htm += "<head>";

htm += "<title></title> <script type=\"text/javascript\" src=\"../Scripts/FusionCharts.js\">";

htm += "</head>";

htm += "<body bgcolor=\"#ffffff\">";

 

htm += "<script type=\"text/javascript\">";

htm += "FusionCharts.printManager.enabled(true);";

 

htm += "</script>";

 

htm += "<OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\" width=\"750\" height=\"450\" id=\"" + name + "\" >";

htm += "<param name=\"movie\" value=\"../fusionChart/" + chart + "\" />";

htm += "<param name=\"FlashVars\" value=\"&dataURL=../xml/" + randomName + ".xml&chartWidth=750&chartHeight=450\" />";

htm += "<param name=\"quality\" value=\"high\" />";

htm += "<embed src=\"../FusionChart/" + chart + "\" flashVars=\"&dataURL=../xml/" + randomName + ".xml&chartWidth=750&chartHeight=450\" quality=\"high\" width=\"750\" height=\"450\" name=\"" + name + "\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />";

htm += "</object>";

htm += "</body>";

htm += "</html>";

 

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Could you please try once by modifying your code as per the below suggestion:

 

1. Your code: (Closing </script> was not provided)

htm += "<title></title> <script type=\"text/javascript\" src=\"../Scripts/FusionCharts.js\">";

 

Change to:

htm += "<title></title> <script type=\"text/javascript\" src=\"../Scripts/FusionCharts.js\"></script>";

 

Also, put a double quote for the "codebase" value as:

 

htm += "<OBJECT  classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\"  codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\"  width=\"750\" height=\"450\" id=\"" + name + "\" >";

 

Hope this helps!

 

Below is my code to create html text. The chart display in firefox with no problem, but in IE9, nothing was generated. I'm using the latest fusioncharts XT version.

Anyone can help?

 

 

htm += "<html>";

htm += "<head>";

htm += "<title></title> <script type=\"text/javascript\" src=\"../Scripts/FusionCharts.js\">";

htm += "</head>";

htm += "<body bgcolor=\"#ffffff\">";

 

htm += "<script type=\"text/javascript\">";

htm += "FusionCharts.printManager.enabled(true);";

 

htm += "</script>";

 

htm += "<OBJECT classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0\" width=\"750\" height=\"450\" id=\"" + name + "\" >";

htm += "<param name=\"movie\" value=\"../fusionChart/" + chart + "\" />";

htm += "<param name=\"FlashVars\" value=\"&dataURL=../xml/" + randomName + ".xml&chartWidth=750&chartHeight=450\" />";

htm += "<param name=\"quality\" value=\"high\" />";

htm += "<embed src=\"../FusionChart/" + chart + "\" flashVars=\"&dataURL=../xml/" + randomName + ".xml&chartWidth=750&chartHeight=450\" quality=\"high\" width=\"750\" height=\"450\" name=\"" + name + "\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />";

htm += "</object>";

htm += "</body>";

htm += "</html>";

 

Share this post


Link to post
Share on other sites

Hi ,
 
I am also  facing this issue in IE 9 browser as well as in Fire Fox 19.0.2V , Chart is not rendered in both the browsers ( IE 9 and Fire Fox ).
 
It works fine in IE7  and Chrome browser
 
 Fusion Charts version 3.2.2
 
 Chart type : StackedBar3D
 
  XML DATA:
 
<graph formatNumberScale='0' decimalPrecision='0' yAxisMaxValue='0'><categories><category name='Awaiting Approval'/><category name='Awaiting HRMS Update'/><category name='Completed'/><category name='Not Approved'/></categories><dataset seriesName='Position and Pay Change' color='005078'><set value='1' /><set value='' /><set value='2' /><set value='' /></dataset><dataset seriesName='Attendance Confirmation' color='83BA5D'><set value='' /><set value='' /><set value='' /><set value='' /></dataset><dataset seriesName='Termination' color='2B99C7'><set value='' /><set value='' /><set value='6' /><set value='' /></dataset><dataset seriesName='Suspension ' color='6D3328'><set value='1' /><set value='' /><set value='1' /><set value='' /></dataset><dataset seriesName='Transfer' color='F7D245'><set value='' /><set value='' /><set value='' /><set value='' /></dataset><dataset seriesName='Manage Team Position' color='707946'><set value='' /><set value='' /><set value='' /><set value='' /></dataset></graph>
 
No error found  in the console as well.
 
Please let me know if you need more info.
 
Thanks.

Share this post


Link to post
Share on other sites

Hi,

 

Welcome to FusionCharts Forum  :)

 

We have tried rendering a StackedBar3D chart on IE9 using FusionCharts V3.2.2 and it seems to be working fine here. Please find the attached screenshot of the same.

 

Could you please let us know if you are using a Flash Chart or a JS chart?

 

Awating your response.

 

 

Hi ,
 
I am also  facing this issue in IE 9 browser as well as in Fire Fox 19.0.2V , Chart is not rendered in both the browsers ( IE 9 and Fire Fox ).
 
It works fine in IE7  and Chrome browser
 
 Fusion Charts version 3.2.2
 
 Chart type : StackedBar3D
 
  XML DATA:
 
<graph formatNumberScale='0' decimalPrecision='0' yAxisMaxValue='0'><categories><category name='Awaiting Approval'/><category name='Awaiting HRMS Update'/><category name='Completed'/><category name='Not Approved'/></categories><dataset seriesName='Position and Pay Change' color='005078'><set value='1' /><set value='' /><set value='2' /><set value='' /></dataset><dataset seriesName='Attendance Confirmation' color='83BA5D'><set value='' /><set value='' /><set value='' /><set value='' /></dataset><dataset seriesName='Termination' color='2B99C7'><set value='' /><set value='' /><set value='6' /><set value='' /></dataset><dataset seriesName='Suspension ' color='6D3328'><set value='1' /><set value='' /><set value='1' /><set value='' /></dataset><dataset seriesName='Transfer' color='F7D245'><set value='' /><set value='' /><set value='' /><set value='' /></dataset><dataset seriesName='Manage Team Position' color='707946'><set value='' /><set value='' /><set value='' /><set value='' /></dataset></graph>
 
No error found  in the console as well.
 
Please let me know if you need more info.
 
Thanks.

 

 

 

post-37797-0-75637000-1365059146_thumb.png

Share this post


Link to post
Share on other sites

Hey,

 

To render Flash Charts,  Adobe Flash Player 8 (or above) is required. Can you please let us know the Flash Player version installed in IE/FF browser?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this