【 D3.js 进阶系列 — 1.1 】 其他表格文件的读取
2014-10-08 10:37
465 查看
CSV 表格文件是以逗号作为单元分隔符的,其他还有以制表符 Tab 作为单元分隔符的 TSV 文件,还有人为定义的其它分隔符的表格文件。本文将说明在 D3 中如何读取它们。
我们可以看到,这和【进阶系列 — 1.0】是基本一样的,详细说明可参见此文。
可以看到,它们其实都是 d3.dsv 函数。那么这个 dsv 函数是怎么回事呢?dsv 其实可以读取以任意字符或字符串作为分隔符的表格文件。接下来我们来试试用 dsv 函数读取以分号作为分隔符的表格文件。假设有如下文件:
读取的代码如下:
先用 d3.dsv(";", "text/plain"); 定义分隔符为分号,再按照读取 csv 和 tsv 文件一样的方法读取即可。但要注意第二行不再需要用 d3.dsv ,因为变量 dsv 已经是一个函数了。
谢谢阅读。
文档信息
版权声明:署名(BY)-非商业性(NC)-禁止演绎(ND)
发表日期:2014年10月03日
更多内容:OUR D3.JS - 数据可视化专题站 和
CSDN个人博客
备注:转载请注明出处,谢谢
1. TSV 表格文件是什么
TSV(Tab Separated Values),制表分隔值,它和 CSV 文件仅仅是分隔符不一致。它的格式如下:name age 张三 22 李四 24
2. D3 中读取 TSV 文件
在 D3 中读取 TSV 文件的方法和 CSV 文件是一样的,只要更改一下函数名即可。方法如下:d3.tsv("table.tsv",function(error,tsvdata){ console.log(tsvdata); var str = d3.tsv.format( tsvdata ); console.log(str.length); console.log(str); });
我们可以看到,这和【进阶系列 — 1.0】是基本一样的,详细说明可参见此文。
3. D3 中读取 CSV 和 TSV 的本质
在上面两节我们可以看到,读取 CSV 和 TSV 惊人地相似。其实它们本质上都是一个函数,我们来看看 D3 源码中的定义:d3.csv = d3.dsv(",", "text/csv"); d3.tsv = d3.dsv(" ", "text/tab-separated-values");
可以看到,它们其实都是 d3.dsv 函数。那么这个 dsv 函数是怎么回事呢?dsv 其实可以读取以任意字符或字符串作为分隔符的表格文件。接下来我们来试试用 dsv 函数读取以分号作为分隔符的表格文件。假设有如下文件:
name;age 张三;22 李四;24
读取的代码如下:
var dsv = d3.dsv(";", "text/plain"); dsv("table.dsv",function(error,dsvdata){ if(error) console.log(error); console.log(dsvdata); });
先用 d3.dsv(";", "text/plain"); 定义分隔符为分号,再按照读取 csv 和 tsv 文件一样的方法读取即可。但要注意第二行不再需要用 d3.dsv ,因为变量 dsv 已经是一个函数了。
4. 结束语
CSV 文件和 TSV 文件仅仅是分隔符不同,它们的本质都是调用的 DSV 函数,所以 DSV 函数的掌握至关重要。谢谢阅读。
文档信息
版权声明:署名(BY)-非商业性(NC)-禁止演绎(ND)
发表日期:2014年10月03日
更多内容:OUR D3.JS - 数据可视化专题站 和
CSDN个人博客
备注:转载请注明出处,谢谢
相关文章推荐
- 【 D3.js 进阶系列 — 1.1 】 其它表格文件的读取
- 【 D3.js 进阶系列 — 1.0 】 CSV 表格文件的读取
- 【 D3.js 进阶系列 — 1.0 】 CSV 表格文件的读取
- 【 D3.js 进阶系列 — 1.0 】 CSV 表格文件的读取
- 【 D3.js 进阶系列 — 1.2 】 读取 CSV 文件时乱码的解决方法
- D3.js进阶系列之CSV表格文件的读取详解
- ASP读取CSV文件并用表格输出
- OpenCV入门系列(7):读取摄像头,保存为视频文件
- ifstream连续读取文本文件时只能读取一个文件 其他文件读取失败问题
- ExtAspNet新春贺岁版 - 文件上传控件、复选框列表控件、完善布局管理、表格的行扩展列、完整的100多个中文示例、30多处BUG修正与功能增强、《ExtAspNet秘密花园》系列文章
- 【转】[原创]ExtAspNet新春贺岁版 - 文件上传控件、复选框列表控件、完善布局管理、表格的行扩展列、完整的100多个中文示例、30多处BUG修正与功能增强、《ExtAspNet秘密花园》系列文章
- PHP相关系列 - linux环境下PHP无法读取CSV文件中文字的解决方法
- 解决Java读取properties文件的中文问题的新办法(不使用native2ascii.exe及其他工具)
- C# System.IO.FileStream 读取被其他程序打开的文件提示“文件正由另一进程使用,因此该进程无法访问该文件。”
- 51.如何使用FileInputStream读取其他文件的内容
- C# System.IO.FileStream 读取被其他程序打开的文件提示“文件正由另一进程使用,因此该进程无法访问该文件。”
- android 读取SD卡或者其他地方文件功能函数
- osgi 学习系列(八)osgi读取properties文件
- watir学习系列--文件操作(读取文件)
- RichEdit读取Xls文件,保留表格样式