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，我發現transform attr中的值仍然是x1，y1而不是x2，y2。 似乎在轉換之前調用了addTextBackground。 如何在過渡后調用它？

謝謝

Answer 1

我想到了。 使用每個（'結束'，回調），如：

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