d3 html 模板,使用d3修改HTML中的SVG

这是我的第一篇文章，所以我会尽量确保我遵循适当的发布礼节。使用d3修改HTML中的SVG

我对html，d3或javascript没有任何经验。不过，我确实有一些暴露给xml和svg。我正在尝试通过本教程：[http://bost.ocks.org/mike/circles/]。我昨天花了几个小时毫无结果地尝试完成第一步，即使用d3.selectAll()更改三个圆圈的颜色和半径。我在这里读过几篇文章，看了其他教程，但我不能为我的生活做出蓝色的圈子。不幸的是，该教程从不显示他们的完整代码。我已经能够在浏览器中显示三个黑圈(原始svg)，但似乎无法让d3选择它们并执行更改。我甚至不确定xml是否嵌入在html中，或者是否是外部的，并以某种方式读取。

有人可以发布你会用来做到这一点的HTML吗？任何援助将不胜感激。

这里是对应于圈子XML：

这里是进行更改代码：

var circle = d3.selectAll("circle");

circle.style("fill", "steelblue");

circle.attr("r", 30);

2015-07-21

e7h3r

+0

我觉得我的错误是误解了教程如何希望我所做的更改。我终于明白，我需要通过开发人员工具输入命令来更改颜色等。感谢lhoworko和Mark的帮助。 –