D3.js - 如何在缩放

时间:2016-02-06 21:01:31

标签: javascript d3.js

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

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

如何"附加"标签圈,所以当用户滚动或缩放时它跟随父?

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

1 个答案:

答案 0 :(得分:0)

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

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