d3:动画条形图转换成饼图,像Heer和Robertson一样吗?

Jon*_*nah 1 animation d3.js

使用d3创建像本研究中发现的动画有多困难?特别是,将条形图动画到圆环图中可以顺利地制作饼图吗?

我的想法是首先将条形图中的"rect"替换为由d3.svg.arc形成的"path"元素 - 使用具有巨大半径的弧,但只取其楔形,以便它看起来几乎像一个"矩形"但略微弯曲.完成替换后,您可以在"path"元素中设置弧的半径和角度,并将其移动到所需的圆环形状中.从甜甜圈到馅饼的最后过渡将是微不足道的,简单地为innerRadius制作动画.

但是,我想知道是否有更好的方法来实现这一点,或者是否已经编写了一些插件?

Lar*_*off 8

这个例子(几乎)有你正在寻找的过渡.