Sign in to follow this  
Tony Shorter

Rendering Charts Inside Javascript Tabs Or Accordians

Recommended Posts

I have the full versions of fusioncharts


How can I get charts to render inside of tabs or accordian tabs that were written javascript? I can get the charts to render inside html tables but not javascript.



Share this post

Link to post
Share on other sites

Here's what I'm looking to do with fusioncharts inside of a tab or accordion structure:


Tab 1 is 3 level drilldown (PieChart > StackColumnChart > PieChart)

Tab 2 is 2 level drilldown (PieChart > Column)

Tab 3 is 2 level drilldown (StackColumnChart > StackColumnChart)


As you can see I'm not only linking charts but also changing swf files in the same tab. I would prefer the layout to be 2 containers but 1 container will do.

Share this post

Link to post
Share on other sites



Yes, FusionCharts can render inside tabs and accordian.


For a quick example, please have a look at tab.

Ref.- or


Please note that the Drill-down implementation is same for any chart in a single tab.


Please try using Linked charts to drill-down to several levels using different SWF files and configure specific properties for the descendant charts using "configureLink()" function.


For further details on the Linked charts, please refer to the following links.


Also, please refer to the Multi-level LinkedCharts samples with the help of the following link.

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