使用arcTween转换d3.js中的所有弧路径

Question

我想知道如何使用arcTween一次为多个圆弧路径设置动画。 什么是插值的确切用途。？

请找到我想要实现但无法实现的下图。我希望我能在这里找到更好的解决方案。

这是我的代码JSFiddle。

 var partition=d3.layout.partition()
                           .size([Math.PI/2, radius])
                           .value(function (d) { return d.depth; });

每次点击按钮后，弧形路径应该在转换或动画方面改变它们的路径，就像上图中所示。