javascript - 如何向 d3 生成的力导向图的节点添加标题属性？

Question

在 d3 演示（http://goo.gl/lN7Jo）之后，我正在尝试创建一个力导向图。我正在尝试向通过这样做创建的节点元素添加标题属性。

var node = svg.selectAll("circle.node")
      .data(json.nodes)
    .enter().append("circle")
      .attr("class", "node")

      // here is how I try to add a title.
      .attr("title", "my title")

      .attr("r", 5)
      .style("fill", function(d) { return color(d.group); })
      .call(force.drag);

但是，我的图表的节点没有显示标题属性。这样做的正确方法是什么？谢谢你。

Answer 1

在 SVGtitle中，属性实际上是描述其父级的元素，因此您必须遵循您链接的示例...

var node = svg.selectAll("circle.node")
      .data(json.nodes)
    .enter().append("circle")
      .attr("class", "node")
      .attr("r", 5)
      .style("fill", function(d) { return color(d.group); })
      .call(force.drag);

node.append("title")
    .text("my text");

Answer 2

在初始化节点的下方添加此代码。这将为每个节点添加一些硬编码文本作为标题。

node.append("title")
    .text("my text");

如果要添加name为标题，请执行此操作；

node.append("title")
    .text(function (d) {
            return d.name;
        })