时间戳

首页 > 解决方案 > 无法使用 d3.js 在 html 文档中附加 svg

javascript - 无法使用 d3.js 在 html 文档中附加 svg

问题描述

我想使用 d3.js 在 html 文档中附加一个 svg 图像，但我不知道为什么它不起作用。

这是我在 hello.js 中写的：

const w = 600;
const h = 600;
let dataset = [];
let x;
let y;
//Creating SVG Element
let svg =  d3.select("body").append("svg").attr("width", 
w).attr("height", h);

索引.html

<html>
<head>
    <meta charset="utf-8">
    <title>Hello, D3</title>
    <script type="text/javascript" src="js/d3/d3.js"></script>
        <script type="text/javascript" src="js/hello.js"></script>


</head>
<body>
</body>
</html>

当我查看我的页面的源代码时，我可以看到没有创建 svg。

我正在使用 simpleHTTPServer 创建本地服务器，然后加载我的页面，所以我认为浏览器不会阻止脚本。

编辑：这是我检查页面 检查页面时看到的内容

标签： javascriptd3.js

解决方案

推荐阅读