ToolTip - position issue

[SenSeo]

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;";

[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 (49.4 KiB) Viewed 15920 times

[SenSeo]

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?

[Yeray]

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

How large? I'm using a 1920x1080 monitor.

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.