Question

我正在尝试阅读"employee.csv"的简单CSV文件：

Name, Age
Janik, 24
Jakob, 45
Anna, 30
Niklas, 35

我必须尝试此"employee.csv"文件的D3脚本如下：

<!doctype html>
<html lang = "en">
    <head>
        <meta charset = "utf-8"/>
        <title>Loading CSV file in D3</title>
        <script src = "./d3/d3.min.js"></script>
    </head>

    <body>
        <script>
            d3.csv("./employee.csv", function(data)
                {
                    for(var i = 0; i < data.length; i++)
                    {
                        console.log(data[i]);
                        //console.log(data[i].Name);
                        //console.log(data[i].Age);
                    }

                });
        </script>
    </body>
</html>

这将输出CSV文件中的每一行。但是，如果我尝试使用行

访问Age列中的每个值

console.log(data[i].Age);

它为每个行提供输出undefined，而名称可以正常读取

console.log(data[i].Name)

我做错了什么？

Answer 1

您的问题是您的csv文件中的空格。格式如下：

Name,Age
Janik,24
Jakob,45
Anna,30
Niklas,35

这是一个工作的Plunker，可以解决您的问题： http://plnkr.co/edit/XVo37T9WcKiLPIpIQHyv?p=preview

在D3中读取CSV文件

1 个答案: