gpt4 book ai didi

javascript - 引入 d3.js 的麻烦

转载 作者:太空狗 更新时间:2023-10-29 15:41:49 26 4
gpt4 key购买 nike

所以我刚开始使用 d3.js,但我一直收到 JavaScript 错误,我不知道为什么。我刚刚用 svg 创建了三个圆圈,想用 d3 选择它们。这是我的代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript"></script>
</head>
<body>
<svg width="360" height="180">
<circle class="little" cx="180" cy="45" r="12"></circle>
<circle class="little" cx="60" cy="90" r="12"></circle>
<circle class="little" cx="300" cy="135" r="12"></circle>
</svg>
<script type="text/javascript">
var circle = svg.selectAll("circle");
</script>
</body>
</html>

这应该选择页面上的圆圈,以便我可以操作它们,但我的 Web 控制台中一直出现引用错误,提示 svg 未定义?但是入门教程并没有说定义svg?

最佳答案

在使用 svg.selectAll 之前,您需要先实际选择 svg 元素。

var svg = d3.select(document.getElementById('sampleSVGId')),
circle = svg.selectAll('circle');

关于javascript - 引入 d3.js 的麻烦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15643949/

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