Position of the label by using Javascript Charts

[Tom83]

The charts are in a tab (jquery), which is not selected while initializing and creating the charts.
When the area in which the charts are rendered is not visible while creating the Charts, the position of the label is on top and not centered.
- The area is visible while creating / rendering the chart:

- The area is not visible while creating / rendering the chart:

[Haritha]

Hi Tom,

 

It seems that the chart gets loaded before the container after which the chart again re-sizes itself according to the dimensions of the container. It is because of this reason that you see the problem of the chart legend getting distorted.

 

To avoid this problem, please try the following :

 

1. On "onClick" event of each tab, call a function that disposes the chart and creates the chart again.

2. After disposing the chart, introduce some delay so that the container gets loaded before the chart.

3. Retain the code of chart creation in each of the Divs, so that you may choose to show a chart in the tab when the page is first loaded.

 

Awaiting your feedback.

[crystalgarcia]

Hello..

 

Can u explain about how to call the dispose() on onclick event?

[Nabajeet]

Hi,
 

Please check out the fiddle for a simple demo on how to dispose  chart.

http://jsfiddle.net/TumnU/133/
 

Hope this helps.

[crystalgarcia]

Hi Nabajeet..

Is it possible to call the dispose() in the same page where the chart is rendered without the onclick event?

[Nabajeet]

Hi,

Yes, you can call dispose() in the same page where the chart is rendered by using any events provided by FusionCharts or add it to your custom javascript event.

Please check this demo:

http://jsfiddle.net/nabajeet_fusioncharts/31nra0kz/2/

 

Hope this helps.