Hello Abu,

Thank you for contacting Infragistics!

You can handle mouse move event, and you can check if the tooltip is outside of the window.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

$(document.body).on('mousemove', function() {
	var $tooltip = $('.ui-chart-tooltip');
	var windowHeight = $(window).height();
	var tooltipTop = parseInt($tooltip.css('top'));
	var tooltipHeight =  $tooltip.outerHeight();
	
	var tooltipBottom =  tooltipTop + tooltipHeight;

	if (tooltipBottom > windowHeight) {
		$tooltip.css('top', 

                    tooltipTop - (tooltipBottom - windowHeight));
	}
});

Let me know if you need further assistance.

Hi Georgiev,

Thank you so much, your provided solution solved our problem and its save a lot of time.

Thanks,

Sufyan

Any Update ?

Any update ?

Hi Georgiev,

Issue was fixed at that time, but now it is reproduce again and tooltip is cutting from bottom. Please see ChartTooltip attached sample application.

Regards,

Sufyan