Javascript 最简单的D3.js示例不起作用_Javascript_D3.js

Javascript 最简单的D3.js示例不起作用

javascript d3.js

Javascript 最简单的D3.js示例不起作用,javascript,d3.js,Javascript,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>

我在

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页面模板
d3.选择（“正文”）。附加（“p”）。文本（“新段落！”）；

我引用的

D3.js

的路径应该是正确的，因为如果我在浏览器中执行inspect元素，我可以单击

D3

链接，它会将我带到它的源代码

HTML页面中缺少字符集。添加如下内容：

<meta charset="utf-8">

D3的未缩小来源包括pi的实际符号，如果未定义字符集，则会混淆浏览器。

我假设您在没有web服务器的情况下测试此代码。如果是这样，那么您的URL将为file://.... 不http://..

这样，Javascript请求将转到file:///.../D3/d3/d3.v3.js 不会设置正确的响应头，例如字符集和MIME

您始终可以从CDN获取它以避免此问题：

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

它对我有效…在src for D3中使用也附上了我得到的错误图片。@PrasathK:嗯，是的，它可以从网站直接引用它，但为什么本地的不起作用？你可能引用错误是的，我是这么想的。也许这是@mbostock的一次秘密活动，目的是让人们了解Unicode和字符集：-）+1非常好的捕获！一、我也想知道为什么我在运行未精简的代码时出错，而min代码很好。谢谢，它对我有用。对我来说，我在我的文件中有以下内容，但不起作用，之后，我用cdn添加了字符集，它起作用了。为什么需要它？