How to make the block appear at the same height and on the left side? The problem is that circle in svg is positioned through cx and transform. And the values ​​via .position () and .offset () do the calculation from the beginning of the page. An example of a trading platform with the stimulus is canvas. When you hover over a chart, a block appears with absolute positioning from above at any point of the chart. enter image description here

and here is my schedule but already svg

  • the question is not very clear, if only заставить блок появляться на одной высоте и с левой стороны , then change the styles of the class .hover_block { top:0; left:0;...} .hover_block { top:0; left:0;...} - ravend
  • @ravend is not that simple. A block should appear next to the circles in svg better on the left side. But the block is not in svg and a script is needed here. The result should be like on the screen - Drop
  • @ravend itself can already be seen on the project, but because of the adaptive you need a script to automatically calculate the position of the block - Drop
  • one
    embed the div in svg via foreignObject , or calculate the coordinates of the selected circle via svg.createSVGMatrix()... - ravend

0