D3.js tsv()函数

d3.tsv()函数用于读取“.tsv”文件或以“tab”字符作为分隔符的文件。如果在函数中指定了“init” ，那么它将获取并执行给定的函数调用。

句法：

d3.tsv(input[, init][, row])

参数：此函数接受三个参数，如上所述和如下所述。

• inputFile：该参数取输入文件地址。
• init：此参数接受函数调用。
• row：此参数接受可选的行转换函数。

示例 1：

HTML

  

    
    
          
    
    

  

    
        // Data of sample.tsv file
        // year    population
        // 2010    3
        // 2011    45
        // 2009    68
        // 2010    5
        // 2014    59
        // 2011    55
        // 2005    5
        d3.tsv("sample.tsv", function (d) {
            console.log(d);
        });
    

  

注意：请在执行代码之前创建一个文件名“sample.tsv”并将其保存在工作文件夹中。

输出：

示例 2：

HTML

  

    
    
  
    
    

  

    
        // Data of sample.tsv file
        // x    y
        // 15    9
        // 5    0
        // 3    10
        // 6    51
        // 35    11
        d3.tsv("sample.tsv", function (d) {
            return d;
        }, (d) => {
            d.forEach((e) => {
                console.log(e)
            })
        });
    

  

输出：