我对使用JavaScript和d3非常陌生。我从一个教程中获得了这个示例,但是无法将其记录到控制台中。有人看到这个HTML文件有问题吗?
这是全部内容:
<meta charset="utf-8"/>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
d3.csv("data/employee.csv", function(data) {
for (var i = 0; i < data.length; i++) {
console.log(data[i].Name);
console.log(data[i].Age);
}
});
</script>
如果我换出for循环
console.log(data);
我确实在控制台中看到了对象的详细信息:
但是,控制台上方的原始代码片段什么也没显示。这是我的CSV,任何帮助将不胜感激:
Name,Age
John,30
Jane,32
谢谢!
答案 0 :(得分:0)
这是因为您使用的是d3 v5。您的csv阅读内容需要写成不同的
这是一个问题,显示了如何:How to load data from a CSV file in D3 v5
这应该为您工作:
<meta charset="utf-8"/>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script>
d3.csv('data/employee.csv')
.then(function(data) {
for (var i = 0; i < data.length; i++) {
console.log(data[i].Name);
console.log(data[i].Age);
}
})
</script>