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

Question

我有一个缩放功能，对于圆圈来说效果非常好，但对于标签却不起作用。

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

如何将标签“附加”到圆圈，以便当用户滚动或缩放时它跟随父级？

这是一个 fiddle 示例: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));
  });