Dynamic Resize Hangs Ie9 If Div Is Display:none

gaude · May 9, 2012

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>

</head>

<body>

<div id="outer" style="width:100%;height:100%;display:none">

<tbody>

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

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>

May 22, 2012

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">

<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.

Sign In

Dynamic Resize Hangs Ie9 If Div Is Display:none

Recommended Posts

gaude

Share this post

Link to post

Share on other sites

Guest Sumedh

Share this post

Link to post

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity