Tooltip cutting from bottom | Infragistics Forums

2290

Tooltip cutting from bottom

Abu Sufyan posted over 9 years ago

Hi,

We face following porblem, how to fix that ?

Tooltip is cutting when we move mouse in lower chart near to bottom of series and most right series points, you can see in attached snapshots. Tooltip must be slightly push up when mouse pointer near to bottom of series and push left when at most right corner. How can we fix it?

Parents

No Data

Reply

2290

Abu Sufyan posted over 9 years ago

Hi,

Sample application is attached.

Thanks,

Sufyan

ChartTooltip.zip
Cancel
Reply

Cancel

Children

11095

Verified Answer

Offline [Infragistics]Denis Georgiev posted over 9 years ago in reply to Abu Sufyan

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.

$(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.