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

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