Sign in to follow this  
Cosostones

Problems inside Div : z-index/position for tooltip and context menu

Recommended Posts

Hi,

 

We are actually trying FusionChartXT and having problems using a MSColumn3D chart inside a multiple layouts application : several layers with each a different z-index.

 

See attachment for example of what happen for us.

 

Problem n°1 - Tooltip

Tooltips are not displaying well if div containing the chart is with z-index >= 1000 (because tooltip is generated as a DOM element directly in body with by default z-index = 999.

 

Problem n°2 - Context menu - z-index :

Same problem as for tooltips.

 

Problem n°3 - Context menu - vertical position :

Context menu keep position at page load. But when div containing the chart move, context menu is not correctly displayed (not where user clicks)

 

Problem n°4 - Context menu - horizontal position :

Same as for vertical potision.

 

Problem n°5 - Dispose/destroy :

After call to disposeFusionCharts(), some DOM elements are still in the body (_SmartLabel_Container, fusioncharts-tooltip-element)

 

Thanks for your help on these points.

 

Alain.

ChartInsideDiv.zip

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Please find the response to your queries inline below:

 

Problem n°1, n°2 - Tooltip :

 

Yes, the default toolTip z-index applied is '999'. So, if you are setting the parent container with higher z-index value, you would need to set the z-index for the element having id "fusioncharts-tooltip-element" accordingly.

 

Problem n°3, n°4 - Context menu - vertical position :

Also, for Export button > Context Menu, it get the position of the chart loaded inside a DIV container and accordingly set the left and top position value. So, when div containing the chart moves, please reload the chart, so that the chart will take the new position, as expected by the context menu.

 

Please find the modified sample "ChartInsideDiv.html" file (made changes to provide work around to fix your issues) attached with this post, for your reference.

 

Problem n°5 - Dispose/destroy :

This issue already has been logged and will be fixed in the upcoming release. Further any updates on this, we will inform you.

 

Hope this helps!

 

ChartInsideDiv.html

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