javascript - d3 转换后调用函数

Question

这是我的代码:

var text = container.append('text');
text.text('text')
          .attr('transform',function(){
            return "translate(" + x1 + "," + y1 + ")"
          })
          .transition()
          .attr('transform',function(){
            return "translate(" + x2 + "," + y2 + ")";
          });
 addTextBackground(text);

将文本传递给函数 addTextBackground，我发现转换属性中的值仍然是 x1、y1 而不是 x2、y2。似乎在过渡之前调用了 addTextBackground。如何在转换后调用它？

谢谢

Answer 1

我想通了。使用 each('end',callback) 像:

text.text('text')
          .attr('transform',function(){
            return "translate(" + x1 + "," + y1 + ")"
          })
          .transition()
          .attr('transform',function(){
            return "translate(" + x2 + "," + y2 + ")";
          })
          .each('end',function(){addTextBackground(d3.select(this))});