Page 1 of 1

ToolTip - position issue

Posted: Wed Jan 04, 2017 2:18 pm
by 15677821
Hi,

Tooltip window is not displaying near selected mouse pointer as shown in the attached screenshot. The gap increases ( between tooltip window and selected mouse pointer) when we move the cursor to right of the graph.

Below is the code what we have added to customize the tooltip appearance. Can you please guide to resolve this issue?

Code: Select all


var tip = new Tee.ToolTip(chart1);
                tip.animated = 0;
                tip.delay = 0;
                tip.autoHide = false;
                tip.visible = true;
                tip.render = "dom";
                tip.domStyle = "padding-left:8px; padding-right:8px; padding-top:0px; padding-bottom:4px; margin-left:5px !important; margin-top:0px;";
                tip.domStyle = tip.domStyle + "background-color:#FCFCFC !important; border-radius:4px 4px; color:#FFF; ";
                tip.domStyle = tip.domStyle + "border-style:solid;border-color:#A3A3AF;border-width:3; z-index:1115;";

Re: ToolTip - position issue

Posted: Thu Jan 05, 2017 11:50 am
by yeray
Hello,

I've tested this in the example here, substituting the ToolTip from the example for the one in your code, and the only problem I found was the text isn't visible because of the color value. Removing "color:#FFF;" works fine for me here:
chrome_2017-01-05_12-50-21.png
chrome_2017-01-05_12-50-21.png (49.4 KiB) Viewed 13759 times

Re: ToolTip - position issue

Posted: Thu Jan 05, 2017 5:04 pm
by 15677821
Thanks for your reply.

The tooltip position issue occurs when I run the same code in the large screen monitor.

Is it possible to write my own logic to calculate cursor position and display the tooltip at that position to resolve this issue?

Re: ToolTip - position issue

Posted: Tue Jan 10, 2017 9:06 am
by yeray
SenSeo wrote: The tooltip position issue occurs when I run the same code in the large screen monitor.
How large? I'm using a 1920x1080 monitor.
SenSeo wrote: Is it possible to write my own logic to calculate cursor position and display the tooltip at that position to resolve this issue?
I guess you should override the tooltip's refresh function but I can't say it for sure without reproducing the problem.