d3.js读取csv和tsv文件

本文介绍了CSV和TSV两种表格数据格式,重点讲解了在d3.js中如何读取这两种文件,强调了d3.dsv()函数的通用性,并提供了在读取时遇到乱码问题的解决方法,即通过指定文件的charset来避免乱码问题。
摘要由CSDN通过智能技术生成

1. CSV格式是什么

 CSV使用逗号分隔值,它是以纯文本形式存储表格数据的,每个单元格之间用逗号分隔。

在d3.js中读取csv文件:

d3.csv("table.csv", function(error, csvdata){

    if(error){

        console.log(error)
    }

    console.log(csvdata)
});

 2. TSV格式是什么

TSV使用制表分隔值,它和CSV文件仅仅是分隔符不一致。

d3.tsv("table.tsv", function(error, tsvdata){

    if(error){
        console.log(error)
    }

    console.log(tsvdata)
});

3. D3中读取CSV和TSV的本质

在上面我们可以看到,读取csv和tsv的代码惊人地相似,其实它们本质上都是一个函数,我们来看看D3源码中的定义:

d3.csv = d3.dsv(",", "text/csv");
d3.tsv = d3.dsv("    ", "text/tab-separated-values");

因此,我们可以得出结论,d3.dsv()其实可以读取以任何字符或字符串作为分隔符的表格文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值