过渡 svg.arc 的 innerRadius - D3.js答案

【问题标题】：Transitioning innerRadius of svg.arc - D3.js过渡 svg.arc 的 innerRadius - D3.js
【发布时间】：2012-04-13 16:05:47
【问题描述】：

我有一个问题，与this one 密切相关。

与示例相反，我还需要转换旭日形的内部半径，因此需要 d3.svg.arc() 的内部半径属性。我知道对于“d”的转换必须以类似的方式完成（通过存储旧的 innerRadius 使用 attrTween），但我没能做到。

有什么建议吗？一个代码 sn-p 会很棒！

【问题讨论】：

【解决方案1】：

当你说“sunburst”时，你是指一个五彩斑斓的派，所有的弧线都不同吗？如果是这样，示例“Multiple D3 Pie Charts Mixed In With Common HTML Layout Constructs”在绘制饼图时会转换内半径（只需在代码中搜索单词transition）。

另一种选择是查看这个“Sunburst Coffee Flavor Wheel”示例，该示例更复杂，但显示了如何同时转换多个弧。

希望对你有帮助。

弗兰克

【讨论】：