运行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。