javascript - 引入 d3.js 的麻烦

标签 javascript html svg d3.js

所以我刚开始使用 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/

相关文章:

javascript - HTML/JS的Windows屏幕保护程序

javascript - 如何从表中删除不等于某个值的行?

javascript - 这可能不使用 javascript 吗?

html - 更改 CSS 字体样式和大小没有任何效果

javascript - 如何使用 Selenium x-path 查找包含单词 "download"的所有元素?

javascript - jQuery 添加的 svg 元素不显示

javascript - 使用 Promises 将元素推送到数组中

javascript - 如何禁用/删除 ASP.NET TreeView 父节点上的单击事件?

javascript - FaceBook 登录按钮错误 : FB. 在调用 FB.init() 之前调用了 login()

javascript - react : Returning SVG contents as variable?