Función D3.js log.clamp()

La función log.clamp() se usa para habilitar o deshabilitar la abrazadera. Si la abrazadera está deshabilitada, el rango del valor de retorno puede estar fuera del rango dado

Sintaxis:

log.clamp(clamp);

Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación.

  • abrazadera: un valor booleano.

Valor devuelto: esta función no devuelve ningún valor.

Ejemplo 1: Cuando la pinza es falsa.

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>
    <h2 style="color:green;">GeekforGeeks</h2>
  
    <p>log.clamp() Function</p>
  
    <script>
        // Calling the .scaleLog() function 
        var log = d3.scaleLog()
            .domain([1, 100])
            .range([0, 960])
            .clamp(false);
  
        // Calling log() and .invert() function 
        var a = log(10);
        var b = log.invert(1000);
        document.write("<h3>" + a + "</h3>");
        document.write("<h3>" + b + "</h3>");
    </script>
</body>
  
</html>

Producción: 

Ejemplo 2: Cuando la abrazadera es verdadera.

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>
    <h2 style="color:green">GeekforGeeks</h2>
  
    <p>log.clamp() Function</p>
  
    <script>
        // Calling the .scaleLog() function 
        var log = d3.scaleLog()
            .domain([1, 100])
            .range([0, 960])
            .clamp(true);
  
        // Calling log() and .invert() function 
        var a = log(10);
        var b = log.invert(1000);
        document.write("<h3>" + a + "</h3>");
        document.write("<h3>" + b + "</h3>");
    </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 *