D3.js stack.order() 方法

stack.order() 方法将排序函数作为参数并返回堆栈生成器。

句法：

stack.order(orderingFunc)

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

• orderingFunc：这是一个对堆栈内容进行排序的函数。

返回值：此方法返回堆栈生成器。

示例 1：使用 d3.stackOrderNone函数对堆栈进行排序。

HTML

    
  
    
    

  

    
        GeeksforGeeks
    
  
    
        
        
    
  
    
        var data = [
              {letter: {a: 3840, b: 1920, c: 960, d: 400}},
              {letter: {a: 1600, b: 1440, c: 960, d: 400}},
              {letter: {a:  640, b:  960, c: 640, d: 400}},
              {letter: {a:  320, b:  480, c: 640, d: 400}}
            ];
  
        var stackGen = d3.stack()
            // Defining keys
            .keys(["a", "b", "c", "d"])
            // Ordering
            .order(d3.stackOrderNone);
  
        var stack = stackGen(data);
          
        console.log(stack);
  
    

  

输出：

示例 2：使用 d3.stackOrderReverse函数对堆栈进行排序。

HTML

    
  
    
    

  

    
        GeeksforGeeks
    
  
    
        
        
    
  
    
        var data = [
              {letter: {a: 3840, b: 1920, c: 960, d: 400}},
              {letter: {a: 1600, b: 1440, c: 960, d: 400}},
              {letter: {a:  640, b:  960, c: 640, d: 400}},
              {letter: {a:  320, b:  480, c: 640, d: 400}}
            ];
  
        var stackGen = d3.stack()
            // Defining keys
            .keys(["a", "b", "c", "d"])
            // Ordering
            .order(d3.stackOrderReverse);
        
        var stack = stackGen(data);
          
        console.log(stack);
  
    

  

输出：