D3.js的v5版本入门教程(第二章)
1、利用D3.js在网页上显示一个Hello World文本
<body>
<p></p>
<p></p>
<script>
var p = d3.select("body")
.selectAll("p");
p.text("Hello World");
</script>
</body>
运行结果:
代码说明:
-可以发现,作者先在<body>标签中加入了两个<p>标签,当时没有写内容,然后再在<script>中动态生成Hello World
-var p = d3.select("body")
.selectAll("p");这是D3中的选择集,从字面上的意思就是先选择<body>这个标签,然后在<body>标签中选择所有的<p>标签,所以var p 中的p代表<body>中的那两个