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

Question

我想知道如何使用 arcTween 一次为多个圆弧路径制作动画。插值到底有什么用。？

请找到我正在尝试实现但无法实现的以下图像。我希望我能在这里得到更好的解决方案。

这是我的代码JSFiddle。

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

每次单击按钮后，弧形路径应以过渡或动画的方式更改其路径，如上图所示。