準備使用動態餅圖中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。另一個有趣的選擇是在D3 js谷歌集團上尋找Frank Guerino的問題。如果我是你，我會使用NVD3。它可能需要一些調整，但它似乎是目前最好的選擇。祝你好運！

Answer 2

生成餅圖的簡單函數，用於生成d3.js.該功能是​​項目的一部分。它能夠處理任意大小的數據集。它有幾個允許自定義的選項，例如標籤邊距，圓弧半徑以及百分比數據的可見性（請參閱源代碼）。

演示，請https://dev.anuary.com/858b33b7-bd66-507b-a9f1-533e4de79ba3/。源代碼位於https://github.com/gajus/pie-chart。