1

我一直在尝试学习 D3，但在运行循环示例时遇到了麻烦。

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

我只是想运行圆圈改变颜色和大小的步骤。

我所做的只是复制和粘贴示例，但我不知道如何处理这个

http://jsfiddle.net/NntGN/

我一直在尝试通过教程来解决这个问题：

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

如果您查看饼图，则会发现名称被屏蔽掉了。我需要进行哪些更改以使所有标签都指向饼图的中心并且不会相互阻挡？我一直在玩文字锚，觉得这是我最好的选择，但我没有取得任何进展。

谢谢你的帮助 ：）

4

1 回答 1

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未定义。

查看圆形教程中的创建元素部分。

最后但并非最不重要的是工作jsfiddle。

于 2013-01-25T06:41:38.417 回答