D3.js:连续运行转换？

Question

如何在 D3.js 中连续运行过渡？

例如，假设我想更改 body颜色从红色到蓝色，然后再变回，连续(我不这样做，那会很可怕，但还是继续吧)。

这是我将如何做一次:

d3.select("body").transition().duration(1000).style("background-color", "red");

我将如何连续进行？

我见过的最接近的例子使用 d3.timer ，但我不确定是否有更好的方法来做到这一点。

Answer 1

您可以使用 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(); });
      });
}