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

Question

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

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

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

我想要达到的，或多或少...

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

提前致谢

佩雷

Answer 1

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

Answer 2

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

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