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

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

Any update ?

Any Update ?