Why does .position( ) define coordinates from the start of the page in svg?

Question

JavaScript

I wanted to add automatic positioning of an absolutely hidden block when hovering over a point on the chart to the point itself. Found the .position() method but it outputs the coordinates from the beginning of the page, although the wrapper for the fresh point is position: relative; like the svg itself. What could be the problem?
codepen.io/anon/pen/PzqeRB

Answer 1

Both of your blocks are identical, look at the colored back, so the positioning is correct, but the wrapper is not where you need it, apparently codepen.io/anon/pen/ZOGRzO