教程 > d3.js 教程 > 阅读:101

d3.js 分隔符分隔值 api——迹忆客-ag捕鱼王app官网

定界符是一个或多个字符的序列,用于指定纯文本或其他数据中单独的、独立的区域之间的边界。字段分隔符是一系列以逗号分隔的值。好吧,分隔符分隔值是逗号分隔值(csv) 或制表符分隔值(tsv)。本章详细介绍分隔符分隔值。

配置api

我们可以使用以下语法轻松加载 api。


api 方法

以下是分隔符分隔值的各种 api 方法。

  • d3.csvparse(string[, row])
  • d3.csvparserows(string[, row])
  • d3.csvformat(rows[, columns])
  • d3.csvformatrows(rows)
  • d3.tsvparse(string[, row])
  • d3.tsvparserows(string[, row])
  • d3.tsvformat(rows[, columns])
  • d3.tsvformatrows(rows)

让我们详细介绍每一个 api 方法。

d3.csvparse(string[, row])

该方法用于解析csv格式。考虑如下所示的文件data.csv。

year,population 2006,40 2008,45 2010,48 2012,51 2014,53 2016,57 2017,62 现在,我们可以应用上面给出的函数。

让我们考虑以下示例。

var data = d3.csvparse(string, function(d) {
   return {
      year: new date( d.year, 0, 1), // lowercase and convert "year" to date
      population: d.population
   };
});

在这里,它解析分隔符分隔值中的指定字符串。它返回一个表示解析行的对象数组。

d3.csvparserows(string[, row])

该方法用于解析相当于行的csv格式。

var data = d3.csvparserows(string, function(d, i) {
   return {
      year: new date( d[0], 0, 1), // convert first colum column to date
      population: d[1],
   };
});

它解析 csv 文件中的每一行。

d3.csvformat(rows[, columns])

此方法用于格式化 csv 行和列。

让我们考虑以下示例。

var string = d3.csvformat(data, ["year", "population"]);

此处,如果未指定列,则构成标题行的列名列表由行中所有对象的所有属性的并集确定。如果指定了列,则它是表示列名称的字符串数组。

d3.csvformatrows(rows)

此方法用于格式化 csv 行。

让我们考虑以下示例。

var string = d3.csvformatrows(data.map(function(d, i) {
   return [
      d.year.getfullyear(), // 假设 d.year 是一个数据对象.
      d.population
   ];
}));

在这里,它将指定的字符串行数组格式化为分隔符分隔的值,返回一个字符串。

d3.tsvparse(string[, row])

该方法用于解析tsv格式。它类似于 csvparse。

d3.tsvparserows(string[, row])

此方法用于解析等效于行的 tsv 格式。它类似于 csvparserows 函数。

d3.tsvformat(rows[, columns])

此方法用于格式化 tsv 行和列。

d3.tsvformatrows(rows)

此方法用于格式化 tsv 行。

查看笔记

扫码一下
查看教程更方便
网站地图