在Force布局中显示文本的难度？ （D3js）

Question

我正在使用强制布局，我在布局中显示文本时遇到一些问题。以下是屏幕截图：

我的代码是：

svg.selectAll("circle")
    .data(data)
    .enter().append("circle")
        .attr("class", "node")
        .attr("fill", "blue")
        .attr("r", 4.5)
        .attr("dx", ".10em")
        .attr("dy", ".10em")
        .text(function(d){ return d.name});

文本在代码中，但它没有显示在浏览器中。我甚至改变了颜色，但没有任何帮助。

Answer 1

@Lars Kotthoff提到circle不支持text()。您应该将代码更改为以下样本：

 svg.selectAll("circle")
     .data(data)
    .enter().append("circle")
    .attr("class", "node")
    .attr("fill", "blue")
    .attr("r", 4.5)
    .attr("cx", ".10em")
    .attr("cy", ".10em");

 svg.selectAll("text")
    .data(data)
    .enter().append("text")
    .attr("class", "node")
    .attr("fill", "red")
    .attr("dx", ".10em")
    .attr("dy", ".10em")
    .text(function(d){ return d.name});

Jsfiddle代码here。