Question

我只是从这里的第一个例子中复制粘贴了这个： 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>

并且它在页面上没有显示任何内容。我确信我在这里做了一些蠢事，但这是我的第一个例子，无法弄清楚它到底是什么......

Answer 1

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

因此，您需要拥有一个包含相应<div>的HTML元素（例如id）：

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

观看此直播演示：http://jsbin.com/enisen/2/edit

D3示例不起作用

1 个答案: