ToolTip - position issue

TeeChart for Javascript for the HTML5 Canvas
Post Reply
SenSeo
Newbie
Newbie
Posts: 71
Joined: Wed Mar 09, 2016 12:00 am

ToolTip - position issue

Post by SenSeo » Wed Jan 04, 2017 2:18 pm

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;";
Attachments
Tooltip-pos issue.png
Tooltip-pos issue.png (31.57 KiB) Viewed 2727 times

Yeray
Site Admin
Site Admin
Posts: 8754
Joined: Tue Dec 05, 2006 12:00 am
Location: Girona, Catalonia
Contact:

Re: ToolTip - position issue

Post by Yeray » Thu Jan 05, 2017 11:50 am

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 2734 times
Best Regards,
ImageYeray Alonso
Development & Support
Steema Software
Av. Montilivi 33, 17003 Girona, Catalonia (SP)
Image Image Image Image Image Image Please read our Bug Fixing Policy

SenSeo
Newbie
Newbie
Posts: 71
Joined: Wed Mar 09, 2016 12:00 am

Re: ToolTip - position issue

Post by SenSeo » Thu Jan 05, 2017 5:04 pm

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
Site Admin
Site Admin
Posts: 8754
Joined: Tue Dec 05, 2006 12:00 am
Location: Girona, Catalonia
Contact:

Re: ToolTip - position issue

Post by Yeray » Tue Jan 10, 2017 9:06 am

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.
Best Regards,
ImageYeray Alonso
Development & Support
Steema Software
Av. Montilivi 33, 17003 Girona, Catalonia (SP)
Image Image Image Image Image Image Please read our Bug Fixing Policy

Post Reply