question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltipster not positioning on SVG path correctly

See original GitHub issue

Hey, awesome plugin!

I’ve attached it to an SVG path (created by Raphael) for some dynamic charts, but I’ve run into a problem positioning the tooltip properly over the curved paths. It’s currently positioned off to one side (see image: I’m hovering over the blue path)

screen shot 2015-03-21 at 3 29 34 pm

Here’s the code used for the tooltip:

$(maleArc1.node).tooltipster({
     content: 'Male Characters',
     theme: 'tooltipster-shadow'
 });

I read in other issues that there’s currently no way to force the tooltip to follow the mouse pointer, but would you be able to suggest an alternative approach to reposition the tooltip? I’m by no means a developer, just good at guessing with code, so any help would be appreciated.

Thanks!

Issue Analytics

  • State:closed
  • Created 9 years ago
  • Comments:20

github_iconTop GitHub Comments

1reaction
makccommented, May 28, 2016

a ha, you still expect title attributes, not nodes, in svg…

0reactions
ezzatroncommented, Jun 17, 2016

@makc I considered that, but having the titles work normally when the SVG is viewed directly seems like a good thing too.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooltipster not positioning on SVG path correctly · Issue #366
Hey, awesome plugin! I've attached it to an SVG path (created by Raphael) for some dynamic charts, but I've run into a problem...
Read more >
How to position tooltip top center of path? SVG Map
Actually, you use a mouseleave handler to hide the tooltip and a mousemove handler to make th tooltip follow the mouse.
Read more >
Positioning a Tooltip on an SVG
Pro: Contained within your SVG code, scale with the SVG. Con: An opaque background requires a separate rectangle element, which is difficult to...
Read more >
Chart - wrong tooltip position when inside a SVG element
Hi, Tooltip is not a part of the chart (SVG markup). It is a separate HTML component that has absolute positioning. We need...
Read more >
jQuery PowerTip - GitHub Pages
Smart placement is a feature that will attempt to keep non-mouse-follow tooltips within the browser viewport. When it is enabled, PowerTip will automatically ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found