D3.js stackOrderAscending() 方法

d3.stackOrderAscending() 方法根据stack.keys() 方法定义的键的顺序对系列进行排序。总和最小的系列放在底部，向上上升到最大。

句法：

d3.stackOrderAscending(series)

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

• series：这是基于要订购的键的顺序的系列。

返回值：此方法不返回任何值。

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

HTML

    
 
    
    

 

    
        GeeksforGeeks
    
 
    
        var data = [
          {a: 3840, b: 1920, c: 960, d: 400},
          {a: 1600, b: 1440, c: 960, d: 400},
          {a:  640, b:  960, c: 640, d: 400},
          {a:  320, b:  480, c: 640, d: 400}
        ];
        var stack = d3.stack()
            .keys(["a", "b", "c", "d"])
            .order(d3.stackOrderAscending)
            .offset(d3.stackOffsetNone);
 
        var series = stack(data);
        console.log(series);
 
    

 

输出：