未在HTML中引用d3.js属性
我目前有以下html未在HTML中引用d3.js属性,d3.js,D3.js,我目前有以下html <!DOCTYPE html> <html> <head> <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script> var circle = d3.selectAll("circle"); circle.style("fill", "steelblue");
<!DOCTYPE html>
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script>
var circle = d3.selectAll("circle");
circle.style("fill", "steelblue");
circle.attr("r", 30);
</script>
</head>
<body>
<svg width="720" height="120">
<circle cx="40" cy="60" r="10"></circle>
<circle cx="80" cy="60" r="10"></circle>
<circle cx="120" cy="60" r="10"></circle>
</svg>
</body>
</html>
var circle=d3。选择全部（“circle”）；
圆形样式（“填充”、“钢蓝色”）；
圆圈。属性（“r”，30）；
因为一些奇怪的原因，当我打开html时。我没有得到我期望的简单结果。有人知道为什么吗？问题是在加载dom之前脚本正在运行。有两个修复，最简单的是将脚本移动到正文的末尾
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<svg width="720" height="120">
<circle cx="40" cy="60" r="10"></circle>
<circle cx="80" cy="60" r="10"></circle>
<circle cx="120" cy="60" r="10"></circle>
</svg>
<script>
var circle = d3.selectAll("circle");
circle.style("fill", "steelblue");
circle.attr("r", 30);
</script>
</body>
</html>
var circle=d3。选择全部（“circle”）；
圆形样式（“填充”、“钢蓝色”）；
圆圈。属性（“r”，30）；
浏览器的调试控制台中是否有错误？如果是，它们是什么？控制台中没有错误。那些被修饰的圆圈根本就没有出现。把它拿回去吧
Uncaught ReferenceError:d3未定义ReferenceError