D3.js rollups() 方法
借助d3.rollups()方法,我们可以从具有键和值的可迭代数据结构中获取缩减的嵌套数组而不是映射。
句法:
d3.rollups(iterable, reduce, ...keys)
返回值:它将返回缩减的嵌套数组而不是映射。
注意:要执行以下示例,您必须使用以下命令的命令提示符安装d3库。
npm install d3
示例 1:在此示例中,我们可以看到,通过使用d3.rollups()方法,我们能够从具有键和值的可迭代数据结构中获取缩减的嵌套数组而不是嵌套映射。
Javascript
// Defining d3 contrib variable
var d3 = require('d3');
data = [
{name: "ABC", amount: "34.0", date: "11/12/2015"},
{name: "DEF", amount: "120.11", date: "11/12/2015"},
{name: "MNO", amount: "12.01", date: "01/04/2016"},
{name: "ABC", amount: "34.05", date: "01/04/2016"}
]
var gfg = d3.rollups(data, g => g.length, d => d.name);
console.log(gfg);
Javascript
// Defining d3 contrib variable
var d3 = require('d3');
data = [
{name: "ABC", amount: "34.0", date: "11/12/2019"},
{name: "DEF", amount: "120.11", date: "11/02/2020"},
{name: "MNO", amount: "12.01", date: "01/04/2020"},
{name: "DEF", amount: "34.05", date: "03/04/2020"}
]
var gfg = d3.rollups(data, g => g.length, d => d.name, d => d.date);
console.log(gfg);
输出:
[ [ 'ABC', 2 ], [ 'DEF', 1 ], [ 'MNO', 1 ] ]
示例 2:
Javascript
// Defining d3 contrib variable
var d3 = require('d3');
data = [
{name: "ABC", amount: "34.0", date: "11/12/2019"},
{name: "DEF", amount: "120.11", date: "11/02/2020"},
{name: "MNO", amount: "12.01", date: "01/04/2020"},
{name: "DEF", amount: "34.05", date: "03/04/2020"}
]
var gfg = d3.rollups(data, g => g.length, d => d.name, d => d.date);
console.log(gfg);
输出:
[ [ 'ABC', [ [Array] ] ],
[ 'DEF', [ [Array], [Array]]],
[ 'MNO', [ [Array] ] ] ]
在评论中写代码?请使用 ide.geeksforgeeks.org,生成链接并在此处分享链接。