为什么D3中的这些简单圆圈没有显示？

Question

我是D3的新手，我正在尝试运行一个简单的example 所以我在这里有以下HTML和javascript

＆＃13;

＆＃13;

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

circle.style("fill", "steelblue");
circle.attr("r", 30);

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>

<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>

＆＃13;

＆＃13;

＆＃13;

如果您运行代码段。有用。但是，如果我在单独的HTML和脚本中复制相同的代码，它就不起作用。

Answer 1

如果您使用单独的HTML和脚本来表示html文件和脚本文件，那么它对我有用。也许你忘记将脚本包含在html文件中？脚本包含部分应位于<svg>标记之后。因为d3脚本无法在尚未创建的东西上运行。