D3：两个节点之间的动画圆圈

Question

我正在快速使用D3并偶然发现一个优秀的脚本，它将节点与椭圆弧绑定在一起。我正在尝试（并且失败）实现的是创建一个圆并对其进行动画处理，使其沿着节点A和节点B之间的两个节点之间的弧线运行。

我认为我的问题是我无法正确引用弧（或“链接”）。应该这样做的代码如下：

更新--------

var pathx = d3.select("path#A->B"),

我想我快到了。请找到目前为止的jsfiddle - 可以在//animations和//end animations标签之间找到应该为圆圈设置动画的位。 http://jsfiddle.net/Guill84/uxy8d9vs/3/

我基本上试图在这里调整这个工作示例：http://bl.ocks.org/KoGor/8162640

Answer 1

我无法让动画工作的原因是因为脚本在dom完成加载之前运行...

将动画延迟一秒左右解决了这个问题。我很惊讶D3无法更好地处理这个问题。