何时在d3中使用持续时间与延迟

Question

我正在尝试为d3学习一些过渡,而我仍然坚持duration和之间的区别delay.我有代码工作,并且在固定时间或回调函数中,如果我在两者之间切换,则转换看起来相同.

两者之间有什么真正的区别吗？我不应该使用回调持续时间吗？什么时候使用一个在另一个上的最佳做法是什么？

     svg.selectAll('circle')
        .transition()
      /*
        .duration(function(d, i){
            return d.r * 75 
        })
      */
        .delay(function(d, i){
            return d.r * 75 
        })
        .attr('cx', function (d) {
            return xScale(d.x);
        })
        .style('fill', 'orange')

Answer 1

duration指定多长时间的过渡应该运行.

delay是过渡开始后的时间.