我在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);
我认为整个过渡是错误的,但我不知道如何解决它。