Tooltipster not positioning on SVG path correctly
See original GitHub issueHey, 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)
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:
- Created 9 years ago
- Comments:20
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
a ha, you still expect title attributes, not nodes, in svg…
@makc I considered that, but having the titles work normally when the SVG is viewed directly seems like a good thing too.