序

此前，在入门系列教程中，我们经常使用d3.json()函数来读取json格式的文件。Json格式很强大，但可能不适合普通用户。普通用户更喜欢微软Excel或OpenOffice Calc生成的表格文件，因为它易于理解和编辑。

微软Excel通常以xls格式保存，OpenOffice Calc通常以ods格式保存。这些格式作为表文件功能强大，但是读取起来比较麻烦，D3没有提供这样的方法。不过表格软件会支持csv格式的生成，这是一个非常基础、通用、简单的表格文件。本文将解释如何在D3中读取和使用csv文件。我们来看看详细的介绍：

1.什么是CSV格式

CSV(逗号分隔值)，逗号分隔值，以纯文本形式存储表数据，每个单元格用逗号分隔。CSV格式没有通用标准，通常使用RFC 4180中显示的描述。CSV的文本格式如下：

省份，人口，GDP山东，9000，50000，浙江，5000，20000都很简单易懂，每个单元格用逗号隔开。如果您想在单元格中输入逗号，该怎么办？只需用双引号将它括起来，如下所示：

省、人口、GDP山东，‘9000’‘5万’浙江，‘5000’‘2万’有些软件会让你选择哪些符号(逗号、分号等。)保存CSV格式时用于分隔单元格。尽量选择逗号。

2.在OpenOffice中编辑和保存CSV文件

虽然微软Excel功能强大，但是收费。这几年已经停用了。OpenOffice不仅开源免费，而且功能强大。我们来谈谈如何用OpenOffice编辑保存CSV文件。当然也可以自己用，很简单。

(1)首先，打开OpenOffice Calc。就像微软Office中的Word、Excel、PowerPoint一样，在OpenOffice中使用Calc进行编辑。打开后，正常输入单元格内容，假设输入如下：

(2)单击文件并另存为。选择“CSV文本”作为文件类型，并选中底部的“编辑过滤器设置”。

(3)在弹出的对话框中，选择编码(建议使用UTF8)，选择“逗号”作为字段分隔符，选择“分号”作为文本分隔符。点击“确定”。

(4)保存成功后，用记事本打开，结果如下：

在D3.js中，读取CSV文件的功能只支持用逗号分隔单元格，所以请这样保存。

3.阅读D3.js中的CSV文件

D3.js中提供了函数d3.csv()来读取csv文件。函数API参见：https://github.com/mbostock/d3/wiki/CSV。

使用它读取的文件代码如下：

d3.csv('table.csv '，函数(错误，csvdata){ if(错误){ console.log(错误)；} console . log(CSV data)；});这段代码读取table.csv文件，然后输出读取的数据。输出如下：

我们可以看到变量中的csvdata存储了一个数组，数组中的每个元素都有一个对象，每个对象都有三个成员变量：年龄、姓名和性别。这三个成员变量是已编辑表格第一行中的三个单元格。这样，我们可以在代码中这样称呼它。

for(var I=0；icsvdata.lengthi ){ var name=csvdata[i]。姓名；var sex=csvdata[i]。性；var age=csvdata[i]。年龄；console . log(' name : ' name ' n ' ' sex : ' sex ' n ' ' age : ' age)；} 4.将读取的数据转换为字符串

在D3的官方API中，似乎仍然有一些函数：解析、解析行、格式、格式化行。但是经过我的实验，只能用一个函数，format，其他的都用在D3上了。当基本上需要读取CSV数据时，有上面第3节描述的内容就足够了。

下面是如何使用格式。

d3.csv('table.csv '，function(error，CSV data){ var str=d 3 . CSV . format(CSV data)；console . log(str . length)；console . log(str)；});在上面的代码中，str中保存的是转换后的字符串。

摘要

CSV格式是一个非常简单的表单文件，每个单元格用逗号分隔。有些表单编辑软件在保存时会选择用分号或逗号保存。这时，最好选择逗号。

基本上，您只需要D3.csv()函数来读取D3中的csv文件。

好了，这就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。