我是 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/