Javascript Charts Height Issue..

[ajitEarthwave]

Hi,

We have been using FusionCharts since the last couple of year and are quite happy with it. We are in the process of migrating from Flash to Javascript Charts. Our integration with Fusion Charts works fine in case of Flash charts.

 

We are trying to replace them with JavaScript Charts & are facing some issues. The new version we are using is FusionCharts XT (v3.2.2) Service Release 2 (Released on 25th January, 2012)

 

We have multiple charts in a page displayed using Jquery (Ajax call). The parent div containing the chart has a fixed width and height (specified in XXpx)and chart's width & height are 100%.

 

If we display 1 JavaScript chart in the page, the height of chart is around 40px short of the parent container.

If we display 2 JavaScript charts in the page, the height of the second chart becomes around lot bigger than the parent and spills outside the container. The more charts we add on the page, the height of new charts increases.

The charts works fine if we remove FusionCharts.setCurrentRenderer('javascript');

Moreover, if the height and width of chart are not specified in % it works fine even with JavaScript charts.

 

Can you please shed some light on resolving the height issue?

 

 

Regards,

Ajit

Edited February 10, 2012 by ajitEarthwave

[Guest Sumedh]

Greetings.

 

Could you please, send us relevant sample code and XML file of your issue.

 

It would be more helpful for us to look into the issue.

[ajitEarthwave]

Greetings.

 

Could you please, send us relevant sample code and XML file of your issue.

 

It would be more helpful for us to look into the issue.

 

After spending some more time on the issue, we figured out that it was our problem.

 

It was the sequence of events that were causing a issue. We were setting the div height after rendering the chart.

If we set the div height before rendering the chart it works fine.

 

Cheers,

Ajit

[Swarnam]