D3.js stackOrderInsideOut() 方法

D3.js stackOrderInsideOut()方法返回一个序列顺序，使得较大的序列（根据值的总和）在内部，较小的序列在外部。

句法：

d3.stackOrderInsideOut(series);

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

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

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

示例：以下示例演示了使用d3.stackOrderInsideOut()函数对堆栈进行排序。

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.stackOrderInsideOut);
  
        var series = stack(data);
        console.log(series);
    

  

输出：