Угловые-UI подсказки на элементах d3.js svg

Question

Эй Я пытаюсь использовать всплывающие подсказки с угловым UI на элементах SVG d3.js. Я создаю элементы в контроллере.

context.selectAll("circle") 
    .data(data) 
    .enter() 
    .append("svg:circle") 
    .attr("tooltip-append-to-body", true) 
    .attr("tooltip", function(d){ 
      return d.name; 
     }) 

Элементы и атрибуты всплывающей подсказки в коде показаны правильно, но всплывающие подсказки не отображаются.
Когда я добавляю всплывающие подсказки в HTML, он работает правильно.

Answer 1

В отличие от HTML, где всплывающие подсказки являются атрибутами, в SVG подсказках являются дочерними элементами, т.е. вам нужно построить что-то вроде

<circle> 
    <title>tooltip</title> 
</circle> 

через

.append("svg:title")