D3.js | función d3.extent()

La función d3.extent() en D3.js se usa para devolver el valor mínimo y máximo en una array de la array dada usando el orden natural. Si una array está vacía, devuelve indefinido, indefinido como salida.

Sintaxis:

d3.extent(Array)

Parámetros: Esta función acepta una array de parámetros que es una array de elementos cuyo valor mínimo y máximo en una array se va a calcular. Aquí los elementos pueden ser números enteros o cualquier string.

Valor devuelto: Devuelve el valor mínimo y máximo en una array de la array dada.

Los siguientes programas ilustran la función d3.extent() en D3.js.

Ejemplo 1:

<html>
  
<head>
    <title>
      Getting minimum and 
      maximum value in an array
  </title>
</head>
  
<body>
    <script src='https://d3js.org/d3.v4.min.js'>
  </script>
  
    <script>
        // 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>");
    </script>
</body>
  
</html>

Producción:

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

Ejemplo 2:

<html>
  
<head>
    <title>
      Getting minimum 
      and maximum value
  </title>
</head>
  
<body>
    <script src='https://d3js.org/d3.v4.min.js'>
  </script>
  
    <script>
        // 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>");
    </script>
</body>
  
</html>

Producción:

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

Nota: En la salida anterior, el primer elemento es el valor mínimo y el segundo elemento es el valor máximo.

Referencia: https://devdocs.io/d3~4/d3-array#extent

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta