首页 / JAVASCRIPT / javascript – D3.js的非常简单的教程示例无法正常工作

javascript – D3.js的非常简单的教程示例无法正常工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – D3.js的非常简单的教程示例无法正常工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含881字，纯文字阅读大概需要2分钟。

内容图文

我是D3.js的新手.我正在阅读Mike Dewar的D3入门.我尝试了书中的第一个例子,它不起作用.我一直在撕扯我的声音.这里的代码出了什么问题？

在< head>中部分：

<script src="http://mbostock.github.com/d3/d3.js"></script>
<script>
   function draw(data) {
    "use strict";
   d3.select("body")
      .append("ul")
      .selectAll("li")
      .data(data)
      .enter()
      .append("li")
         .text(function (d) {
            return d.name + ": " + d.status;
         });
      }
</script>

在< body>中：

<script>

    d3.json("flare.json", draw);

</script>

和JSON文件：

[
{
    "status": ["GOOD SERVICE"],
    "name": ["123"],
    "url": [null],
    "text": ["..."],
    "plannedworkheadline": [null],
    "Time": [" 7:35AM"],
    "Date": ["12/15/2011"]
}
]

解决方法:

如果您使用的是Chrome,则可能会因为跨域安全限制而无法正常打开文件.尝试Firefox,看看是否是这种情况(它可能会让你正确加载文件).

如果这是问题,您将需要安装本地Web服务器,如WAMP(如果您正在运行Windows)或按照维基页面上的说明操作：https://github.com/mbostock/d3/wiki

祝好运

内容总结

以上是互联网集市为您收集整理的javascript – D3.js的非常简单的教程示例无法正常工作全部内容，希望文章能够帮你解决javascript – D3.js的非常简单的教程示例无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/825705.html

来源：【匿名】