📜  D3.js 数组转换 API 完整参考(1)

📅  最后修改于: 2023-12-03 15:00:19.378000             🧑  作者: Mango

D3.js 数组转换 API 完整参考

D3.js是一个非常流行的数据可视化框架,其中的数组转换API可以帮助你对数组进行一些常见的转换操作,例如排序、筛选、聚合等。本文将为大家介绍D3.js的数组转换API的完整参考。

D3.js数组转换API简介

D3.js提供了许多用于数组转换的方法,这些方法可以帮助我们将数组中的数据进行排序、筛选、聚合等操作。这些方法大多数都可以链式调用,非常方便。

D3.js数组转换API列表

以下是D3.js数组转换API的完整参考列表:

1. d3.ascending(a, b)

这个方法用来进行升序排序。返回-1表示a<b,返回0表示a=b,返回1表示a>b。

var arr = [5, 6, 1, 2];
arr.sort(d3.ascending); // [1, 2, 5, 6]
2. d3.descending(a, b)

这个方法用来进行降序排序。返回-1表示a>b,返回0表示a=b,返回1表示a<b。

var arr = [5, 6, 1, 2];
arr.sort(d3.descending); // [6, 5, 2, 1]
3. d3.min(array[, accessor])

这个方法返回数组中的最小值。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var min = d3.min(arr, function(d) { return d.value; }); // 1
4. d3.max(array[, accessor])

这个方法返回数组中的最大值。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var max = d3.max(arr, function(d) { return d.value; }); // 6
5. d3.extent(array[, accessor])

这个方法返回数组中的最小值和最大值。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var extent = d3.extent(arr, function(d) { return d.value; }); // [1, 6]
6. d3.sum(array[, accessor])

这个方法返回数组的元素之和。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var sum = d3.sum(arr, function(d) { return d.value; }); // 14
7. d3.mean(array[, accessor])

这个方法返回数组的平均值。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var mean = d3.mean(arr, function(d) { return d.value; }); // 3.5
8. d3.median(array[, accessor])

这个方法返回数组的中位数。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [5, 6, 1, 2];
var median = d3.median(arr); // 3.5
9. d3.quantile(array, p[, accessor])

这个方法返回数组的p分位数。p取值范围为[0,1],accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [5, 6, 1, 2];
var quantile = d3.quantile(arr, 0.5); // 3.5
10. d3.variance(array[, accessor])

这个方法返回数组的方差。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var variance = d3.variance(arr, function(d) { return d.value; }); // 4.916666666666667
11. d3.deviation(array[, accessor])

这个方法返回数组的标准差。accessor是一个可选的函数,用来指定如何从数组的元素中提取值。

var arr = [{value: 5}, {value: 6}, {value: 1}, {value: 2}];
var deviation = d3.deviation(arr, function(d) { return d.value; }); // 2.216326161876135
总结

D3.js的数组转换API提供了许多方便的方法对数组进行转换操作。此文概述了D3.js的数组转换API的完整参考列表。使用这些方法,您可以轻松地对数组进行排序、筛选、聚合等操作,实现更多的数据可视化效果。