d3过渡只有一次

时间:2018-06-01 14:13:30

标签: animation d3.js transitions

我在D3中画了一个圆圈,现在我希望这个圆圈在给定的时间内一直下降3次。

在这一刻我有,但它不会发生超过一次。我的目标是让其中3个速度不同:

时间:3000 - 滴:3(时间/跌落= 1000)

时间:3000 - 滴:2(时间/跌落= 1500)

时间:3000 - 滴:1(时间/跌落= 3000)

var animatieduur = 300

window.setInterval(function(){
    Canvas.selectAll("g.get_power.fast circle.animatie")
        .attr('cy', 5)
        .transition().duration(animatieduur).ease("linear").attr('cy', -20)
        .transition().duration(1).attr('cy', 5)
        .transition().duration(animatieduur/3).ease("linear").attr('cy', -20)     
        .transition().duration(1).attr('cy', 5)
        .transition().duration(animatieduur/3).ease("linear").attr('cy', -20)
}, animatieduur);       

我认为整个过渡是错误的,但我不知道如何解决它。

0 个答案:

没有答案