Función D3.js point.copy()

La función point.copy() se utiliza para construir y devolver la copia de la escala actual. Cualquier cambio realizado en cualquiera de las escalas es independiente entre sí, es decir, el cambio en la escala de copia no afectará a la escala original y viceversa.

Sintaxis:

point.copy();

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

Valores devueltos: esta función devuelve una copia de la escala actual. El tipo de retorno es una función.

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"/> 
    <title>GeekforGeeks</title> 
    <script src =
    "https://d3js.org/d3.v4.min.js">
    </script>
      
</head> 
<body> 
    <script> 
// Creating the point scale with specified domain and range.
        var point = d3.scalePoint()
                    .domain([1, 2, 3, 4])
                    .range([1, 5]);
        var copyScale = point.copy();
        console.log("From original scale: ");
        console.log("point(1): ", point(1));
        console.log("point(2): ", point(2));
        console.log("From copy scale: ");
        console.log("copyScale(1): ", copyScale(1));
        console.log("copyScale(2): ", copyScale(2));
          
    </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"/> 
    <title>GeekforGeeks</title> 
    <script src =
    "https://d3js.org/d3.v4.min.js">
    </script>
      
</head> 
<body> 
    <script> 
// Creating the point scale with specified domain and range.
        var point = d3.scalePoint()
                    .domain([1, 2, 3, 4])
                    .range([1, 5]);
  
        console.log("From original scale befire making changes: ");
        console.log("point(1): ", point(1));
        console.log("point(2): ", point(2));
        // Making copy of the original scale
        var copyScale = point.copy();
        point.round([1, 5]);
        console.log("From original scale after making changes: ");
        console.log("point(1): ", point(1));
        console.log("point(2): ", point(2));
  
        console.log("From copy scale: ");
        // Changes in original scale does not
        // Affect copy scale
        console.log("copyScale(1): ", copyScale(1));
        console.log("copyScale(2): ", copyScale(2));
          
    </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 *