Sign in to follow this  
gaude

Dynamic Resize Hangs Ie9 If Div Is Display:none

Recommended Posts

Hi,

 

I'm using FusionCharts XT (v3.2.2) Service Release 3. I've set up my chart to be dynamically resizable and I loaded it into a div which has a parent with display:none as the style. When I click a button I then want to make the div visible. However when I run this on IE9 the browser hangs. Chrome/Safari/Firefox do not hang but they also don't dynamically resize the chart correctly after the button click.

 

I'm restricted to using display:none as this part of the markup is generated by some existing libraries that I cannot change.

 

Any help would be appreciated!

 

~Emilio

-------------------------------------

 

<!DOCTYPE html>

<html>

<head>

<script src="http://yui.yahooapis.com/2.9.0/build/yahoo/yahoo-min.js"></script>

 

<script src="http://yui.yahooapis.com/2.9.0/build/dom/dom-min.js"></script>

<script src="http://yui.yahooapis.com/2.9.0/build/event/event-min.js" ></script>

</head>

<body>

<button type="button" onclick="YAHOO.util.Dom.setStyle('outer', 'display', 'block')">Show</button>

<div id="outer" style="width:100%;height:100%;display:none"><!--if you put display:none here fusioncharts hangs on IE 9-->

<table style="width:100%;height:100%">

<tbody>

<tr><td>

<script type="text/javascript" src="Fusion/FusionCharts/Charts/FusionCharts.js"></script>

<div id="chart">Fusion Chart</div>

<script type="text/javascript">

var fn = function(e){

FusionCharts.setCurrentRenderer("javascript") ;

myChart = new FusionCharts( "Fusion/FusionCharts/Charts/Pie3D.swf",

"chart3s",

"100%",

"100%",

"0",

"1" );

myChart.setXMLData("<chart><set label='A' value='22'/><set label='B' value='27'/></chart>");

myChart.render("chart");

};

YAHOO.util.Event.onContentReady( 'chart' , fn , null , true );

</script>

</td></tr>

</tbody>

</table>

</div>

</body>

</html>

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi,

 

I'm using FusionCharts XT (v3.2.2) Service Release 3. I've set up my chart to be dynamically resizable and I loaded it into a div which has a parent with display:none as the style. When I click a button I then want to make the div visible. However when I run this on IE9 the browser hangs. Chrome/Safari/Firefox do not hang but they also don't dynamically resize the chart correctly after the button click.

 

I'm restricted to using display:none as this part of the markup is generated by some existing libraries that I cannot change.

 

Any help would be appreciated!

 

~Emilio

-------------------------------------

 

<!DOCTYPE html>

<html>

<head>

<script src="http://yui.yahooapis.com/2.9.0/build/yahoo/yahoo-min.js"></script>

 

<script src="http://yui.yahooapis.com/2.9.0/build/dom/dom-min.js"></script>

<script src="http://yui.yahooapis.com/2.9.0/build/event/event-min.js" ></script>

</head>

<body>

<button type="button" onclick="YAHOO.util.Dom.setStyle('outer', 'display', 'block')">Show</button>

<div id="outer" style="width:100%;height:100%;display:none"><!--if you put display:none here fusioncharts hangs on IE 9-->

<table style="width:100%;height:100%">

<tbody>

<tr><td>

<script type="text/javascript" src="Fusion/FusionCharts/Charts/FusionCharts.js"></script>

<div id="chart">Fusion Chart</div>

<script type="text/javascript">

var fn = function(e){

FusionCharts.setCurrentRenderer("javascript") ;

myChart = new FusionCharts( "Fusion/FusionCharts/Charts/Pie3D.swf",

"chart3s",

"100%",

"100%",

"0",

"1" );

myChart.setXMLData("<chart><set label='A' value='22'/><set label='B' value='27'/></chart>");

myChart.render("chart");

};

YAHOO.util.Event.onContentReady( 'chart' , fn , null , true );

</script>

</td></tr>

</tbody>

</table>

</div>

</body>

</html>

 

 

Hi,

 

Apologies for the delay.

 

The issue with respect to "display:none" has been fixed.

 

The fix will be available in our next release.

 

We will update you on this as the fix will be released.

 

 

 

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