運行D3.js示例

Question

我一直在嘗試學習D3，但我一直在運行圓圈示例時遇到問題。

http://mbostock.github.com/d3/tutorial/circle.html 

我只是試圖運行圈子改變顏色和大小的步驟。

我所做的只是複製和粘貼，示例但我不知道該怎麼處理這個

http://jsfiddle.net/NntGN/ 

我一直在試圖通過本教程的工作來解決這個問題：

http://jsfiddle.net/H2SKt/1/ 

如果您查看餅圖，名稱將被屏蔽。我需要做出什麼樣的改變，使所有標籤都指向餅圖的中心，而不是彼此阻塞？我一直在玩文字主播，覺得這是我最好的選擇，但我沒有取得任何進展。

感謝所有幫助:)

Answer 1

那麼首先你不必下面的HTML代碼複製到您的網站：

<svg width="360" height="180"> 
    <circle class="little" cx="180" cy="45" r="12"></circle> 
    <circle class="little" cx="60" cy="90" r="12"></circle> 
    ... 
</svg> 

這確實d3.js你。你只需要編寫javascript代碼來選擇一個svg元素（或者在你的主體中添加一個元素）並創建元素。您的代碼不起作用，因爲svg未定義。

看看部分在circle tutorial中創建元素。

最後但並非最不重要的是工作jsfiddle。