Twitter bootstrap d3.js：使用glyphicon类附加一个跨度

下面的代码工作正常。它给我画了一个圆圈。我想要的是在这个圆圈内画一个引导图示符图标：

我已尝试执行以下操作，继续前面的代码：

链接
.append（“span”）
.attr（“类”、“字形图标”“字形图标放大”）

但符号不会呈现。我想定位它是有道理的，因为有了firebug/inspector，我可以看到

解决了问题

---

有人知道怎么做吗？谢谢

我通过添加如下图示符图标来实现这一点：

link.append("svg:foreignObject")
    .attr("width", 20)
    .attr("height", 20)
    .attr("y", "-7px")
    .attr("x", "-7px")
  .append("xhtml:span")
    .attr("class", "control glyphicon glyphicon-zoom-in");

并通过使

.glyphicon

的位置静止：

.control.glyphicon {
  position: static;
}

---

太好了，他们现在正在渲染。但实际上现在我把它们放在一个

标记中，所以它们是一个链接。它们是可点击的。但是当我在CSS中使用

cursor:pointer

时，它不起作用…不知道为什么…当我将

cursor:pointer

添加到上面的

.control.glyphicon

CSS中时，它对我有效。是的，没关系，是其他原因导致了我的问题。很好，谢谢Ssvg:IE不支持foreignElement，

.control.glyphicon {
  position: static;
}