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

时间:2013-03-01 19:09:45

标签: animation d3.js

使用d3创建this study中的动画有多困难?特别是,将条形图动画到饼图中可以顺利地制作饼图吗?

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

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

1 个答案:

答案 0 :(得分:8)

This example(几乎)有你正在寻找的转变。