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

【问题标题】：Angular-UI tooltips on d3.js svg elementsd3.js svg 元素上的 Angular-UI 工具提示
【发布时间】：2015-03-05 00:47:13
【问题描述】：

嘿，我正在尝试在 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 中添加工具提示时，它可以正常工作。

【问题讨论】：

标签： javascript angularjs svg d3.js angular-ui

【解决方案1】：

与工具提示是属性的 html 不同，在 SVG 中工具提示是子元素，即您需要构造类似的东西

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

通过

.append("svg:title")

【讨论】：

谢谢！工具提示效果很好，但是否有机会为原生工具提示设置样式？
不是来自页面内容。您需要修改浏览器自己的配置文件。