将文字置于圆圈内。 d3.js

Question

我正在尝试修改代码，并且在我所做的修改中，我无法将文本置于圆圈中间。我已经尝试了很多东西，并且看过几个例子，但它对我不起作用。我该怎么做？ 我知道这件事应该完成，我添加一个文本标签，但它不起作用。

bubbles.enter().append('circle') 
.classed('bubble', true) 
.attr('r', 0) 
.attr('fill', function (d) { return fillColor(d.group); }) 
.attr('stroke', function (d) { return d3.rgb(fillColor(d.group)).darker(); 
}) 
.attr('stroke-width', 2) 
.on('mouseover', function(){}) 
.on('mouseout', function(){}); 

http://plnkr.co/edit/2BCVxQ5n07Rd9GYIOz1c?p=preview

Answer 1

的文本创建另一个选择：

var bubblesText = svg.selectAll('.bubbleText') 
    .data(nodes, function(d) { 
     return d.id; 
    }); 

bubblesText.enter().append('text') 
    .attr("text-anchor", "middle") 
    .classed('bubble', true) 
    .text(function(d) { 
     return d.name 
    }) 

并将其移动蜱函数内。

这里是更新plunker：http://plnkr.co/edit/UgDjqNhzbvukTWU6J9Oy?p=preview

PS：这是一个非常通用的答案，只是显示你如何显示文本。这个答案不涉及细节，如大小或转换，这些超出了问题的范围，而且您必须实施自己。