饼图上的转换在d3.js中调整大小

Question

我正在寻找一个关于如何为饼图调整大小（弧的路径）进行转换的示例。我一直在看this example，但我仍然不知道如何修改它以在调整大小上进行转换。到目前为止，我可以通过更改arc对象的outerRadius（和innerRadius）来调整饼图的大小，但是转换没有运气。 Here is the example我正在努力。

arc.innerRadius(newInnerRad)
   .outerRadius(newOuterRad);

path.transition().duration(500).attrTween("d", arcTween);

function arcTween(a) {
  var i = d3.interpolate(this._current, a);
  this._current = i(0);
  return function(t) {
    return arc(i(t));
  };
}

有什么想法吗？

Answer 1

如果您创建内联arcTween并为半径添加插补器，则此功能正常工作 - 请参阅the updated fiddle。