如何在d3力导向图中添加文本？

Question

我正在尝试在强制布局中添加文本。首先，我创建了一个SVG组，在其中添加了圆形和文本。圆形正常工作，但文本不起作用。以下是代码：

var node = svg.selectAll("g")
                    .data(measures.nodes)
                    .enter().append("g")
                    .attr("class", "node")
                    .call(node_drag);
var circle = node.append("circle")
                    .attr("fill", "blue")
                    .attr("r",5)
                    .attr("dx", ".10em")
                    .attr("dy", ".10em");

var text = node.append("text")
                .data(measures.nodes)
                .attr("color", "blue")
                .text(function(d){ return d.name; })

- user4921393

---

你能创建一个可运行的东西吗，比如一个 jsfiddle 或者 stack snippet？ - Robert Longson

这是代码。http://jsfiddle.net/6n0vd4nb/ - user4921393

Answer 1

由于您错过了定位方法，文本已经离开了屏幕。如果您添加这个，您将会看到文本附加到节点。

        text.attr("x", function(d) { return d.x; })
        .attr("y", function(d) { return d.y; });

- Robert Longson