Hello
I have 2 horizontal bar charts next to each other. When I move the cursor on the extemity bar of the first chart, the tool tip shows but is cut off because it is going under the second chart.
it is probably z-index issue but I can't fix it.
Thanks for your help
REgards
Hello arnololo ,
Thank you for posting in our forum.
If the chart renders as a standard images(DeploymentScenario.RenderingType is set to Image), then you shouldn’t have any problems with the tooltips as they have large z-index by default and would appear on top of the image elements of the charts.
However if for example the rendering type is Flash some browsers, like IE, would not allow any other elements to be displayed on top of the flash object that will be rendered, regardless of the z-index.
I’ve attached a sample with two charts that are set to be rendered as images:
this.UltraChart2.DeploymentScenario.RenderingType = Infragistics.UltraChart.Shared.Styles.RenderingType.Image;
And are set next to each other. Note that the tooltip for the right-most columns of the first chart appear on top of the second chart as expected.
In case some other element other than the chart has larger z-index and is hiding the tooltip, you could handle the ClientOnShowTooltip client side event and in it set a larger zIndex to the tooltip element:
function UltraChart1_ClientOnShowTooltip(text, tooltip_ref){
tooltip_ref.style.zIndex = "10000";
}
Let me know if you have any questions or concerns regarding this.
Best Regards,
Maya Kirova
Developer Support Engineer II
Infragistics, Inc.
http://ko.infragistics.com/support