charts squished in top left corner

[atorres]

I have a bunch of charts on a dashboard page. There are roughly 14 different charts/widgets displayed on the page at one time. In IE the charts will often get squished in the top left of the div containing the embed code however, the embed element has the correct width and height specified in the html (the chart is squished not the embed element). I don't know if this is due to the number of charts on the page or not, I have noticed if i remove some number of charts the problem happens left often.

Here is my code for embedding the chart (this is Coldfusion code)

<embed
class="embeded-chart"
src="/charts/fusionCharts/#local.swfName#"
flashVars="&dataXML=#local.chartXml#&chartWidth=100%&chartHeight=100%"
wmode="opaque"
quality="high"
width="100%"
height="100%"
name="#members.chartId#"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"/>

Any help would be appreciated thanks!

[Guest Rajroop]

Hi,

 

 

 

Would you try specifying the 'width' and 'height' of the chart without using '%' and see if it helps?

 

Ref.- http://www.fusioncharts.com/docs/?Debug/Basic.html

 

 

 

I hope this helps.

[atorres]

Hey thanks for your reply, unfortunately that solution is not going to work for me. I found this documentation that says fusioncharts v3.1 now supports 100% width and height. I need this functionality because I do not know at render time what the width or height of the page is going to be.

http://www.fusioncharts.com/docs/?Debug/Basic.html

Some side notes.

• The charts are not always squished if I refresh the page its frequent but not guaranteed. 
• Secondly the charts that are squished are usually (not always) hidden on page load. I have some tabs that show/hide various divs on the page wrapping the charts.
• The width and height of my embedded element on the page is the correct size at render time (the swf inside is the one that seems to be squished)

[Guest Basundhara Ghosal]

Hi,

In case you provide the width and the height of the chart in '%', it would automatically calculate the width and height of the chart in '%' in respect to the width and height of the container.

Please try fixing the width and height of the container in which the chart is getting rendered for this issue.

I hope this helps.