D3.js rollups() 方法

rollups() 方法是 D3.js 库中的一个非常有用的方法，它可以让您对数据进行分组并计算汇总数据。 rollup()方法将数组中的值分组，而rollup() 计算每组的值。rollups()方法则根据一个或多个键对值进行分组、排序和聚合，并返回结果构成的数组。

语法

d3.rollups(data, reducer, accessor)

参数

• data: 需要进行分组的数组。
• reducer: 对每个组调用的聚合函数，它接收两个参数，第一个参数是当前组累积值，第二个参数是当前元素的 value 值。它的返回值将被用于下一次迭代的参数。
• accessor: 所需分组的键名。

示例

下面这个例子中，我们有一个包含应用程序用户的数据集合，我们希望按州来分组，然后找到每个州的用户数，并将它们添加到一个对象中。

const data = [
  { state: 'California', user: 'john' },
  { state: 'Nevada', user: 'jane' },
  { state: 'California', user: 'dan' },
  { state: 'Nevada', user: 'jim' },
  { state: 'California', user: 'alex' },
  { state: 'Nevada', user: 'joe' },
];

const result = d3.rollups(
  data,
  v => v.length,
  d => d.state
);

console.log(result);

输出结果：

[
  [
    "California",
    3
  ],
  [
    "Nevada",
    3
  ]
]

此时，我们获得了按州划分的用户计数。

总结

rollups() 提供了一种简单的方法来聚合数据，它通过提供一个 reducer 函数来处理数据集中的元素，并将它们分组。如果您希望对聚合结果进行进一步的操作，您可以通过使用 array.map() 或 array.reduce() 等方法来实现。