Función D3.js cola()

La función d3.queue() se usa para crear una cola de un tamaño específico. Si el tamaño no viene dado por defecto se toma como infinito.

Sintaxis:

 d3.queue(size);

Parámetros: esta función acepta un solo parámetro mencionado anteriormente y descrito a continuación: 

  • tamaño: Es el parámetro opcional si no se proporciona, entonces el tamaño de la cola es infinito, de lo contrario, el tamaño de la cola es el número dado. El tamaño especifica cuántas funciones ejecutar simultáneamente.

Devoluciones: esta función devuelve el objeto.

A continuación se dan algunos ejemplos de la función anterior.

Ejemplo 1:  cuando el tamaño de la cola no se proporciona de forma predeterminada, es de tamaño infinito.

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport"
            path1tent="width=device-width, 
                       initial-scale=1.0"> 
    <title>D3.js queue() Function</title> 
</head> 
<style> 
</style> 
<body>  
  <script src = 
"https://d3js.org/d3.v4.min.js"> 
  </script> 
  <script>
    let q=d3.queue()
    console.log(q)
    console.log("Size of q is: ",q._size)
  </script> 
</body> 
</html>

Producción:

Ejemplo 2: Cuando se da el tamaño de la cola.

HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport"
            path1tent="width=device-width, 
                       initial-scale=1.0"> 
    <title>D3.js queue() Function</title> 
</head> 
<style> 
    h1 { 
        color: green; 
    } 
    svg{ 
        background-color: #f2f2f2; 
    } 
  .path2{ 
        stroke: #000; 
    }
</style> 
<body> 
  <div> 
    <svg width="100" height="100"> 
      <path class="path2"> 
    </svg>
  </div> 
  <script src = 
"https://d3js.org/d3.v4.min.js"> 
  </script> 
  <script>
    let q=d3.queue(10)
    console.log(q)
    console.log("Size of q is: ",q._size)
  </script> 
</body> 
</html>

Producción:

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *