D3.js - 如何在缩放

Question

我有一个缩放功能，可以很好地适应圆圈，但不适用于标签。

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

如何＆＃34;附加＆＃34;标签圈，所以当用户滚动或缩放时它跟随父？

以下是一个示例小提琴：http://jsfiddle.net/seveneleven/z4m5c06a/1/

Answer 1

如果有人想知道：纯文本节点是要走的路。

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));
  });