title: Unable to position tooltip on d3.js pie chart in Angular
body: <p>I'm trying to integrate a working d3 code in an Angular project.</p>
  <p>Everything's right except the tooltip position.
  It should normally appears above the focused part of the pie chart but :</p>
  <ol>
  <li><p>it always appears at the bottom of the graph when the tooltip is a div in the body</p>
  </li>
  <li><p>it's never displayed when I add the tooltip to the svg element</p>
  </li>
  </ol>
  <p>I tried</p>
  <pre><code>.style('z-index', '9999')
  .style(&quot;position&quot;, &quot;absolute&quot;) 
  </code></pre>
  <p>and many other things but it doesn't work.</p>
  <p>When I debug in order to see where my element is positioned in the svg (when add it to the svg), the tooltip element exists at the correct position but its dimensions are 0x0.</p>
  <p>Same thing when I add height and width via <code>.attr('height', '100px').attr('width', '100px')</code>.</p>
  <p>And it doesn't change anything when I modify directly the html in the browser...</p>
  <p>You can see the complete code on <a href="https://stackblitz.com/edit/angular-ivy-tkhs5f?file=src/app/charts/pimp-chart/pimp-chart.component.ts" rel="nofollow noreferrer">stackblitz</a>.</p>
  <p>I've no more idea to solve this problem. Any idea ?</p>
  <p>Thanks in advance :-)</p>