Javascript 在D3中使用.json文件作为数据
我一直在尝试将一个.json文件导入到D3代码中作为数据。我是D3新手，所以我使用了一本教程，其中说我必须首先提供数据。 我设法使用命令提示符启动了一个本地服务器，并在Python34文件中创建了一个“data”文件夹，将.json数据放在其中，在localhost:8000上可见。 我使用的是Notepad++，代码本身如下所示：Javascript 在D3中使用.json文件作为数据,javascript,html,json,svg,d3.js,Javascript,Html,Json,Svg,D3.js,我一直在尝试将一个.json文件导入到D3代码中作为数据。我是D3新手，所以我使用了一本教程，其中说我必须首先提供数据。 我设法使用命令提示符启动了一个本地服务器，并在Python34文件中创建了一个“data”文件夹，将.json数据放在其中，在localhost:8000上可见。 我使用的是Notepad++，代码本身如下所示： <!DOCTYPE html> <html> <head> <title>D3</title> <
<!DOCTYPE html>
<html>
<head>
<title>D3</title>
<meta charset="utf-8">
<script src="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>
</head>
<body>
<script>
d3.json("http://localhost:8000/data/service_status.json", draw);
</script>
</body>
</html>
D3
函数绘制（数据）{“严格使用”；
d3.选择（“主体”）
.附加（“ul”）
.selectAll（“li”）
.数据（数据）
.输入（）
.附加（“li”）
.text（函数（d）{返回d.name+“：“+d.status；}）；}
d3.json（“http://localhost:8000/data/service_status.json“，抽签）；
这里怎么了？是代码还是别的什么？正如我所说，我是D3新手，对编程本身也相当陌生，所以试着解释一下答案，就好像我是一个完全的初学者一样。我很可能（在不久的将来）必须使用.json或.csv文件创建D3代码来可视化人口统计信息，因此学习如何从文件中获取数据对我来说非常重要。您是否在控制台中收到错误消息？如果您能澄清什么不起作用，这也会很有帮助。数据加载是否不正确？能否添加
console.log（数据）紧跟在“使用严格”之后？可能是您的json格式不正确。如果是这样，数据将等于null。我运行了你的代码，在json文件中添加了一堆额外的引号后，我没有遇到任何问题。问题是什么都没有发生。当我尝试在Firefox中运行它时，只有一个空白页面，并且没有任何错误消息。我添加了console.log（数据）；但一切都没有改变。