javascript - D3.js 不工作的非常简单的教程示例

标签 javascript d3.js

我是 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 看看是否是这种情况(它可能会让您正确加载文件)。

如果这是问题所在,您需要安装一个本地网络服务器,如 WAMP(如果您运行的是 Windows)或按照此处 wiki 页面上的说明进行操作:https://github.com/mbostock/d3/wiki

祝你好运

关于javascript - D3.js 不工作的非常简单的教程示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14721945/

相关文章:

javascript - 树形图 Onclick d3.js

javascript - 将XML解析为js数据,如何访问特定标签?

javascript - 尝试使用链接来创建换行文本

javascript - 从没有 ID 的 HTML 中解析数据

javascript - 如何下载并保存在 PhantomJS 的响应 header 中作为附件接收的 PDF 文件?

php - Facebook Batch API 洞察力请求

javascript - 在 D3 树布局中设置链接的最大长度

javascript - 如果属性不是赋值语句的一部分,JavaScript 会计算属性的值吗?

javascript - 所有帖子上都有模糊功能

javascript - 如何在具有多个 y 轴的多折线图上绘制数据点