如何在 D3.js 中连续运行过渡?
例如,假设我想更改 body
颜色从红色到蓝色,然后再变回,连续(我不这样做,那会很可怕,但还是继续吧)。
这是我将如何做一次:
d3.select("body").transition().duration(1000).style("background-color", "red");
我将如何连续进行?
我见过的最接近的例子使用
d3.timer
,但我不确定是否有更好的方法来做到这一点。
最佳答案
您可以使用 transition.each()
和“结束”事件。代码如下所示。
function myTrans() {
d3.select("body").transition().duration(1000).style("background-color", "red")
.each("end", function() {
d3.select(this).transition().duration(1000).style("background-color", "blue")
.each("end", function() { myTrans(); });
});
}
关于D3.js:连续运行转换?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17127805/