无法获取控制台日志-D3 JavaScript

Question

我对使用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

谢谢！

Answer 1

这是因为您使用的是d3 v5。 您的csv阅读内容需要写成不同的形式

这是一个显示方式的问题： 如何在D3 v5中从CSV文件加载数据

这应该为您工作：

<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>