Función D3.js band.bandwidth()

La función band.bandwidth() en d3.js se usa para encontrar el ancho de cada banda.

Sintaxis:

band.bandwidth()

Parámetros: Esta función no acepta ningún parámetro.

Valores devueltos: esta función devuelve el ancho de cada banda.

Ejemplo 1:

HTML

<!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 A = d3.scaleBand()
                    .domain([10, 20, 30, 40, 50])
                    .range([0, 10]);
     
        // Applying bandwidth() Function
        let gfg = A.bandwidth();
 
        // Printing the Output 
        console.log("Bandwidth Of A: ",gfg);
         
    </script>
</body>
 
</html>

Producción:

Bandwidth Of A:  2

Ejemplo 2: 

HTML

<!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 B = d3.scaleBand()
                    .domain(["one", "two", "three", "four"])
                    .range([0, 60]);
     
        // Applying bandwidth() Function
        let gfg = B.bandwidth();
 
        // Printing the Output 
        console.log("Bandwidth Of each band in B: ",gfg);
    </script>
</body>
 
</html>

 
 Producción: 

Bandwidth Of each band in B:  15

Publicación traducida automáticamente

Artículo escrito por jana_sayantan 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 *