Javascript 如何在d3 force布局中添加文本?
我试图在强制布局中添加文本。首先,我创建一个svg组,并在其中添加圆圈和文本。圆圈工作正常,但文本不工作。这是密码Javascript 如何在d3 force布局中添加文本?,javascript,jquery,d3.js,svg,Javascript,Jquery,D3.js,Svg,我试图在强制布局中添加文本。首先,我创建一个svg组,并在其中添加圆圈和文本。圆圈工作正常,但文本不工作。这是密码 var node = svg.selectAll("g") .data(measures.nodes) .enter().append("g") .attr("class", "node") .call(node_drag)
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; })
文本显示在屏幕上,因为您错过了定位方法。如果你加上这个,你会看到的
您可以创建一些可运行的东西,JSFIDLE或堆栈片段吗?下面是代码。
text.attr("x", function(d) { return d.x; })
.attr("y", function(d) { return d.y; });