無法獲取控制台日志-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>