D3.js node.sort()函数

D3.js中的node.sort()函数用于对给定分层数据的每个级别的子项进行排序。比较器函数可用于定义进行排序的基础。

句法：

node.sort( compare )

参数：此函数接受如上所述和如下所述的单个参数：

• compare：它是一个函数，指定应该进行排序的基础。

返回值：此函数返回一个对象。

下面的示例说明了 D3.js 中的node.sort()函数：

示例 1：

HTML

  

    
    

  

    
  
        // Construct a tree
        var tree = {
  
            // Specify the root node
            name: "rootNode",
            children: [
                { value: 1 },
                { value: 2 },
                { value: 3 },
                { value: 4 },
                { value: 5 },
                { value: 6 },
            ]
        };
  
        var obj = d3.hierarchy(tree);
  
        // Use the sort() function to sort
        // the nodes in descending order
        var sorted = obj.sum(d => d.value)
            .sort((a, b) =>
                d3.descending(a.value, b.value));
  
        // Show the sorted output
        console.log(
            sorted.children.map(
                d => ["value", d.value])
        );
    

  

输出：

示例 2：

HTML

  

    
    

  

    
        // Construct a tree
        var tree = {
  
            // Specify the root node
            name: "rootNode",
            children: [
                { value: 1 },
                { value: 2 },
                { value: 3 },
                { value: 4 },
                { value: 5 },
                { value: 6 },
            ]
        };
  
        var obj = d3.hierarchy(tree);
  
        // Use the sort() function to sort
        // the nodes in ascending order
        var sorted = obj.sum(d => d.value)
            .sort((a, b) =>
                d3.ascending(a.value, b.value));
  
        // Show the sorted output
        console.log(
            sorted.children.map(d => ["value", d.value])
        )
    

  

输出：