Función D3.js band.round()

La función band.round() se utiliza para establecer el redondeo como verdadero o falso, es decir, activa o desactiva el redondeo. Si la ronda es et verdadera, el inicio y la finalización de cada banda serán un número entero. 

Sintaxis:

band.round([round]);

Parámetros: esta función acepta parámetros individuales como se indicó anteriormente y se describe a continuación:

  • round: este parámetro acepta un valor booleano de verdadero o falso.

Valores devueltos: esta función no devuelve nada.

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

Ejemplo 1:

<!DOCTYPE html> 
<html lang = "en"> 
<head> 
    <meta charset = "UTF-8" /> 
    <meta name = "viewport"
        path1tent = "width=device-width, 
        initial-scale = 1.0"/> 
    <script src =
    "https://d3js.org/d3.v4.min.js">
    </script>
      
</head> 
<body> 
    <script> 
    // Creating the band scale with
    // specified domain and range.
        var band = d3.scaleBand()
          .domain([0.001, 0.002, 0.003, 0.004])
        // When range is in string
                    .range(["0", "15"]);
        
console.log("When round function is set to false:");
      // Setting round to false
        band.round(false);
        
        console.log("band(0.001): ", band(0.001));
        console.log("band(0.002): ", band(0.002));
    </script> 
</body> 
</html>

Producción:

Ejemplo 2:

<!DOCTYPE html> 
<html lang = "en"> 
<head> 
    <meta charset = "UTF-8" /> 
    <meta name = "viewport"
        path1tent = "width=device-width, 
        initial-scale = 1.0"/> 
    <script src =
    "https://d3js.org/d3.v4.min.js">
    </script>
</head> 
<body> 
    <script> 
    // Creating the band scale with 
   //specified domain and range.
        var band = d3.scaleBand()
   .domain([0.001, 0.002, 0.003, 0.004])
        // When range is in string
                    .range(["0", "15"]);
        
 console.log("When round function is set to true:");
      // Setting round to true
        band.round(true);
        
        console.log("band(0.001): ", band(0.001));
        console.log("band(0.002): ", band(0.002));
    </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 *