2

我只是从这里的第一个示例中复制粘贴： http ://www.recursion.org/d3-for-mere-mortals/

<!DOCTYPE html>
<meta charset="utf-8">
<body>

<!--<script src="d3/d3.v3.js"></script>-->
<script src="/d3/d3.v3.js"></script>

<div>
    <script>

        var rectDemo = d3.select("#rect-demo").
                append("svg:svg").
                attr("width", 400).
                attr("height", 300);

        rectDemo.append("svg:rect").
                attr("x", 100).
                attr("y", 100).
                attr("height", 100).
                attr("width", 200);

        d3.selectAll("body").append(rectDemo) ;

    </script>
</div>


</body>

它在页面上什么也不显示。我确定我在这里做了一些愚蠢的事情，但这是我的第一个例子，无法弄清楚发生了什么......

4

1 回答 1

3

该脚本尝试在svg添加到（已经存在的）元素内的元素中绘制矩形id="rect-demo"。

<div>因此，您需要有一个带有适当的 HTML 元素（例如 a ） id：

<div id="rect-demo"> </div>

看这个现场演示：http: //jsbin.com/enisen/2/edit

于 2013-03-11T21:00:45.580 回答