gpt4 book ai didi

d3.js - D3 示例不起作用

转载 作者:行者123 更新时间:2023-12-04 05:07:25 24 4
gpt4 key购买 nike

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

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

最佳答案

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

因此,您需要有一个 HTML 元素(例如 <div> )和适当的 id :

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

观看现场演示: http://jsbin.com/enisen/2/edit

关于d3.js - D3 示例不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15348444/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com