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

[Cosostones]

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

[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