d3.js rollup()用法及代碼示例

借助d3.rollup()方法，我們可以從具有鍵和值的可迭代數據結構中獲取簡化的映射。

用法:

d3.rollup(iterable, reduce, ...keys)

返回值：它將從迭代器返回縮小的映射。

注意：要執行以下示例，您必須使用以下命令的命令提示符安裝d3庫。

npm install d3

範例1：在此示例中，我們可以看到，通過使用d3.rollup()方法，我們能夠從具有鍵和值的可迭代數據結構中獲取簡化的映射。

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.rollup(data, g => g.length, d => d.amount); 
console.log(gfg);

輸出：

Map { '34.0' => 1, '120.11' => 1, '12.01' => 1, '34.05' => 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.rollup(data, g => g.length, d => d.name, d => d.date); 
  
console.log(gfg);

輸出：

Map {
  'ABC' => Map { '11/12/2019' => 1 },
  'DEF' => Map { '11/02/2020' => 1, '03/04/2020' => 1 },
  'MNO' => Map { '01/04/2020' => 1 } 
  }

相關用法

注：本文由純淨天空篩選整理自Jitender_1998大神的英文原創作品 D3.js rollup() method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。