Hi,
Attached is a sample based on the sample you have sent me.

Thanks again
 

Hello Amos,

Thank you very much for your patience.  I have asked some of our team leads to look at this issue further, and I will get back to you tomorrow when I receive more information from them. 

Hello Amos,

I have investigated your issue, and I have asked our engineering staff to examine this further.  To ensure that it will receive attention, I have logged this behavior in our internal tracking system with a Development ID of 177573.  The next step will be for a developer to review my investigation and confirm my findings or to offer a fix, or other resolution.

I will leave this case open and update you with any new information after the review.  You can also continue to send updates to this case at any time.

You can view the status of the development issue connected to this case by selecting the "Development Issues" tab when viewing this case on the web site.

Please let me know if you need more information.

Hello,

Is there any update on the issue? 
Customers are keep asking me for answers..

is there any workaround?

Hello Amos_silberman,

I have spoken with our development team and as a workaround you can attach the following event/method to the mouse move event:

// atach for mouse move event

document.onmousemove = handleMouseMove;

function handleMouseMove(event) {
    var tooltip = $('#2015Population_tooltip'); //'2015Population' is the series' name
    if (tooltip[0]) {
        var $window = $(window);
        var wWidth = $window.width();
        var width = tooltip.outerWidth(true);
        var left = tooltip.position().left;
        if (width + left > wWidth) {
            var limit = wWidth - width;
            tooltip.css({ left: limit + 'px' });
        }
    }
}

I am also attaching a modified version of your sample to demonstrate this behavior.

Thanks Mike,

works as expected. 

I changed a bit your function, so the tooltip will be left (or above) of the cursor because the way you implemented it, it was sometimes hiding the datapoint that the cursor was pointing at.

My implementation of the function :

function handleMouseMove(event) {

    var tooltip = $('#2015Population_tooltip'); //'2015Population' is the series' name
    if (tooltip[0]) {
        tooltip.css({ 'white-space': 'nowrap' });
       var $window = $(window);
       var wWidth = $window.width();
       var wHeight = $window.height();
       var width = tooltip.outerWidth(true);
       var height = tooltip.outerHeight(true);
       var left = tooltip.position().left;
       var top = tooltip.position().top;

       if (width + left > wWidth) {
            var wlimit = event.clientX - width;
            tooltip.css({ left: wlimit + 'px' });
       }
        if (height + top > wHeight) {
             var hlimit = event.clientY - height;
             tooltip.css({ top: hlimit + 'px' });
        }

    }

}

Thanks again