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

时间:2014-12-15 17:19:40

标签: javascript d3.js graph data-visualization

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

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

     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')

1 个答案:

答案 0 :(得分:5)

duration指定应该运行转换的时间。

delay转换开始后的时间。