最简单的D3.js例子不起作用
我在我的index.html文件中有这个,但它没有显示我想添加的段落D3
<!DOCTYPE html>
<html>
<head>
<title> D3 page template </title>
<script type="text/javascript" src = "d3/d3.v3.js"></script>
</head>
<body>
<script type="text/javascript">
d3.select("body").append("p").text("new paragraph!");
</script>
</body>
</html>
我引用的路径D3.js应该是正确的,因为如果我在浏览器中执行inspect元素,我可以单击D3链接,它会将我带到它的源代码.
exp*_*nit 15
您缺少HTML页面中的字符集.添加如下内容:
<meta charset="utf-8">
D3的未缩小源包括pi的实际符号,如果未定义字符集,则会混淆浏览器.
我假设您在没有Web服务器的情况下进行测试.如果是这样,那么你的URL将读取file:// ....而不是http:// ..
有了这个,Javascript请求将转到file:///.../D3/d3/d3.v3.js,它们没有正确的响应头设置,例如charset和MIME.
您始终可以从CDN获取它以避免此问题:
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>