D3.js | d3.extent()函数

D3.js 中的d3.extent()函数用于使用自然顺序从给定数组返回数组中的最小值和最大值。如果数组为空，则返回未定义、未定义作为输出。

句法：

d3.extent(Array)

参数：此函数接受参数数组，该数组是要计算数组中最小值和最大值的元素数组。这里的元素可能是整数或任何字符串。

返回值：它返回给定数组的数组中的最小值和最大值。

下面的程序说明了 D3.js 中的d3.extent()函数。

示例 1：

  

    
      Getting minimum and 
      maximum value in an array
  

  

    
  
  
    
        // initialising the array of elements
        var Array1 = [10, 20, 30, 40, 50, 60];
        var Array2 = [1, 2];
        var Array3 = [0, 1.5, 6.8];
        var Array4 = [.8, .08, .008];
  
        // Calling to d3.extent() function
        A = d3.extent(Array1);
        B = d3.extent(Array2);
        C = d3.extent(Array3);
        D = d3.extent(Array4);
  
        // Getting minimum and maximum value
        document.write(A + "<br>");
        document.write(B + "<br>");
        document.write(C + "<br>");
        document.write(D + "<br>");
    

  

输出：

10, 60
1, 2
0, 6.8
0.008, 0.8

示例 2：

  

    
      Getting minimum 
      and maximum value
  

  

    
  
  
    
        // initialising the array of elements
        var Array1 = [];
        var Array2 = ["a", "b", "c"];
        var Array3 = ["A", "B", "C"];
        var Array4 = ["Geek", "Geeks", "GeeksforGeeks"];
  
        // Calling to d3.extent() function
        A = d3.extent(Array1);
        B = d3.extent(Array2);
        C = d3.extent(Array3);
        D = d3.extent(Array4);
  
        // Getting minimum and maximum value
        document.write(A + "<br>");
        document.write(B + "<br>");
        document.write(C + "<br>");
        document.write(D + "<br>");
    

  

输出：

undefined, undefined
a, c
A, C
Geek, GeeksforGeeks

注意：在上面的输出中，第一个元素是最小值，第二个元素是最大值。

参考： https://devdocs.io/d3~4/d3-array#extent