D3.js nest()函数

D3.js 是一个用 javascript 构建的库，专门用于数据可视化。 D3.nest()函数用于对数据进行分组，就像 SQL 中的 groupBy 子句一样。它根据键和值对数据进行分组。

句法：

d3.nest()

参数：此函数不接受任何参数。

返回值：它返回具有多个属性的对象，如条目、键、值、映射、排序。

示例 1：在此示例中，数据将根据“制造”键进行分组，我们也可以根据多个键对数据进行分组。

HTML

  

    
    
  
    
    
  
    
        D3.js d3.nest() Function
    

  

    
        var cars = [
            { name: "car1", manufactured: "1950", model: "s51" },
            { name: "car1", manufactured: "1950", model: "s51" },
            { name: "car1", manufactured: "1951", model: "s50" },
            { name: "car1", manufactured: "1951", model: "s50" },
        ];
        var groupedData = d3.nest()
            .key(function (d) { return d.manufactured; })
            .entries(cars);
        console.log("ArrayData :", groupedData);
        console.log("ArrayData[0] :", groupedData[0]);
        console.log("ArrayData[1] :", groupedData[1]);
    

  

---

输出：数据按制造年份分组，键为 1950 年和 1951 年。

示例 2：此示例解释了基于多个键的数据分组。

HTML

  

    
    
  
    
    
  
    
        D3.js d3.nest() Function
    

  

    
        var cars = [
            { name: "car1", manufactured: "1950", model: "s51" },
            { name: "car1", manufactured: "1950", model: "s51" },
            { name: "car1", manufactured: "1951", model: "s50" },
            { name: "car1", manufactured: "1951", model: "s50" },
        ];
        var groupedData = d3.nest()
            .key(function (d) { return d.manufactured; })
            .key(function (d) { return d.model; })
            .entries(cars);
        console.log("ArrayData :", groupedData);
        console.log("ArrayData[0] :", groupedData[0]);
        console.log("ArrayData[1] :", groupedData[1]);
    

  

输出：数据首先按制造年份分组，然后按型号分组。