D3 获取数据模块

d3

D3 获取数据模块

Fetch 模块基于 fetch 方法添加了解析功能,内部支持 JSON、CSV、TSV 格式的数据获取与解析,也可以直接对文本使用其他形式的解析。

该模块大部分方法都可以传递 URL 或本地数据文件所在的路径。

参考
提示

这个方法可作为 d3-request 模块的替代

  • d3.dsv(delimiter, input[, init][, row]) 从指定的 input URL 获取 DSV 文件,delimiter 指定数据的分隔符,可选的 row 转换函数可以被用来将行对象转换为更具体的形式。
    js
    d3.dsv(",", "test.csv", function(d) {
      return {
        year: new Date(+d.Year, 0, 1), // convert "Year" column to Date
        make: d.Make,
        model: d.Model,
        length: +d.Length // convert "Length" column to number
      };
    }).then(function(data) {
      console.log(data);
    });
  • d3.csv(input[, init][, row]) 等价于以逗号作为分隔符的 d3.dsv(",", "/path/to/file.csv")
  • d3.tsv(input[, init][, row])等价于以 tab 字符作为分隔符的 d3.dsv("\t", "/path/to/file.tsv")
  • d3.json(input[, init]) 从指定的 input URL 获取 JSON 格式的文件。如果指定了 init 则会将其传递给底层的 fetch 方法,参考 RequestInit 了解允许的字段。
  • d3.text(input[, init]) 从指定的 input URL 获取 text 文件。

Copyright © 2024 Ben

Theme BlogiNote

Icons from Icônes