D3交错动画

Question

我正在试图错开进入（和过渡但是以回车开始）动画为我正在制作的d3作品。不可否认，我对这个D3没有很好的把握，因为我刚刚开始使用它，但这是我正在尝试的 -

nodeEnter.append("text")
  .transition()
  .delay(100)
   .each("start", function() { 
      d3.select(this)
    .attr("dy", ".35em")
    .text(function(d) { return d.name; });
  });

因此，预期的效果是每个输入转换延迟前一个的60毫秒。有点像我要循环并做一些像delay = i * 60。我很感激任何指导。谢谢！

Answer 1

d3＆＃39; s delay()接受与其他方法类似的功能：

nodeEnter.append("text")
  .attr("dy", "0em")// <-- May or may not be needed
  .transition()
  .delay(function(d, i) { return i*60; })// <-- delay as a function of i
  .attr("dy", ".35em")
  .text(function(d) { return d.name; });