Javascript D3.js-如何更改缩放时标签的位置

我有一个缩放功能，它可以很好地处理圆，但不能处理标签

svgEnter.attr('transform', 'translate(' + d3.event.translate + ')scale(' + d3.event.scale + ')');

如何将标签“附加”到圆上，以便用户滚动或缩放时它跟随父对象

---

下面是一个提琴的例子：

以防有人想知道：纯文本节点是一条出路

var ne = node.enter()
  .append('a')
  .attr('class', function(d) {
    return d.style + '-bubble-node';
  })
  .attr('alt', function(d) {
    return '#' + (encodeURIComponent(idValue(d)));
  })
  .call(force.drag)
  .call(connectEvents);

ne.append('text')
  .text(function(d) {
    return d.name
  });

ne.append('circle')
  .attr('r', function(d) {
    return rScale(rValue(d));
  });

---

如果有人想知道：纯文本节点是一条出路

var ne = node.enter()
  .append('a')
  .attr('class', function(d) {
    return d.style + '-bubble-node';
  })
  .attr('alt', function(d) {
    return '#' + (encodeURIComponent(idValue(d)));
  })
  .call(force.drag)
  .call(connectEvents);

ne.append('text')
  .text(function(d) {
    return d.name
  });

ne.append('circle')
  .attr('r', function(d) {
    return rScale(rValue(d));
  });