如何在d3强制布局中附加文本?

时间:2015-07-09 07:06:53

标签: javascript jquery d3.js svg

我正在尝试在强制布局中添加文本。首先,我正在创建一个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; })

1 个答案:

答案 0 :(得分:1)

该文字属于屏幕,因为您错过了定位方法。如果你添加它,你会看到text attached to the nodes

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