Javascript 另一个D3向强制定向图添加文本
现在,您可以从以下网站获得其余信息: 但我想做的是:我想去掉上面示例中的github图像,用一个黑色的圆替换它(参见图),并将名称放在圆的右侧,如果拖动圆,它将与圆一起移动(向右) 我不知道怎么做。我可以显示名称,但无法显示圆圈。碰巧名字就在黑圈的右边,但我很幸运。(旁白:你如何让他们走到左边?)Javascript 另一个D3向强制定向图添加文本,javascript,d3.js,force-layout,Javascript,D3.js,Force Layout,现在,您可以从以下网站获得其余信息: 但我想做的是:我想去掉上面示例中的github图像,用一个黑色的圆替换它(参见图),并将名称放在圆的右侧,如果拖动圆,它将与圆一起移动(向右) 我不知道怎么做。我可以显示名称,但无法显示圆圈。碰巧名字就在黑圈的右边,但我很幸运。(旁白:你如何让他们走到左边?) 将圆附加到每个节点 请尝试以下代码: .link { stroke: #999; stroke-opacity: .2; } .node { stroke: #000;
将圆附加到每个节点 请尝试以下代码:
.link {
stroke: #999;
stroke-opacity: .2;
}
.node {
stroke: #000;
stroke-width: 1.5px;
font: 10px sans-serif;
}
有几十个以圆为节点的力定向图的示例,为什么您要从一个仅用于演示将图像用作节点的示例开始工作?另外,查看一个径向树示例,看看它们是如何根据文本位于图形的哪一侧将文本设置为点的左侧或右侧的。如果您需要更具体的帮助,请从发布自己在程序编码方面的最大努力开始,而不是从其他人的代码中发布CSS(不相关)。如果我发现了一个CSS(工作)例如,我不会发布这个问题。太好了。我没有意识到“g”很重要。
var node = svg.selectAll(".node")
.data(json.nodes)
.enter().append("g")
.attr("class", "node")
.call(force.drag);
node.append("circle")
.attr("r", 6);