d3.js svg元素上的Angular-UI工具提示

Question

嘿我正在尝试在d3.js SVG元素上使用Angular UI工具提示。我在控制器中生成元素。

 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")