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

Question

在 d3 演示 ( http://goo.gl/lN7Jo ) 之后，我正在尝试创建力导向图。我正在尝试将 title 属性添加到我通过这样做创建的节点元素。

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

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

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