在 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 是过渡应该开始的时间。