准备在d3.js中使用动态饼图

Question

我正在评估将目前使用highcharts.js生成的图形更改为d3.js

只是为了好玩，我想了解d3.js的工作原理。

我想知道是否有类似于下面的url（看看你是否点击它给你提供新数据的馅饼），动态并且可以使用（或者不从零开始实现）。

我想要实现的目标，或多或少......

http://lully.snv.jussieu.fr/gbif/mapping/graphs/examples/pie-legend.htm

提前致谢

佩尔

Answer 1

如果你想取代Highcharts，我认为目前唯一可用的开源替代品是Bob Monteverde的Novus图表库：http://novus.github.com/nvd3/。 NVD3有一个漂亮的饼图，也有很好的传说。看看这个图书馆的所有图表，你会看到我的意思。您还可以在Stephen Boak的教程中找到一个好的饼图：http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html。另一个有趣的选择是寻找Frank Guerino关于D3 js google小组的问题。如果我是你，我会使用NVD3。它可能需要一些调整，但它似乎是目前最好的选择。祝你好运！

Answer 2

使用d3.js生成饼图的简单功能此函数是http://xhprof.io/项目的一部分。它能够处理任意大小的数据集。它有几个允许自定义的选项，例如标签边距，圆半径和百分比数据的可见性（参考源代码）。

该演示位于https://dev.anuary.com/858b33b7-bd66-507b-a9f1-533e4de79ba3/。源代码位于https://github.com/gajus/pie-chart。