D3.js stackOrderAppearance() 方法

d3.stackOrderAppearance () 方法对序列进行排序，使得具有最早最大值的序列（即，最大值位于最低索引处的序列）位于堆栈底部，而具有最新最大值的序列被放置在顶端。

句法：

d3.stackOrderAppearance(series);

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

• 系列：这是基于要排序的键的顺序的系列。

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

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

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 stack = d3.stack()
            .keys(["a", "b", "c", "d"])
            .value((d, key) => d.letter[key])
            .order(d3.stackOrderAppearance);
 
        var series = stack(data);
        console.log(series);
 
    

 

输出：