La función time.copy() en D3.js se usa para construir y devolver la copia de la escala original. Los cambios realizados en la escala original no afectarán a la escala de la copia y viceversa.
Sintaxis:
time.copy()
Parámetros: Esta función no acepta ningún parámetro.
Valores devueltos: esta función devuelve la copia de la escala original.
Los siguientes programas ilustran la función time.copy() en D3.js:
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js">
</script>
<script src="https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<p>time.copy() Function </p>
<script>
var time = d3.scaleTime()
// Setting domain and range
// for the scale
.domain([1, 100])
.range([1, 10]);
// Creating a copy of the scale
var copy = time.copy();
document.write("<h3>time(1): " +
time(1) + "</h3>");
document.write("<h3>time(100): " +
time(100) + "</h3>");
document.write("<p> copy scale: </p>");
document.write("<h3>copy(100): " +
copy(100) + "</h3>");
document.write("<h3>copy(1): " +
copy(1) + "</h3>");
</script>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js">
</script>
<script src="https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<p>time.copy() Function </p>
<script>
var time = d3.scaleTime()
// Setting domain and range
// for the scale.
.domain([1, 100])
.range([1, 10]);
// Creating a copy of the scale
var copy = time.copy();
document.write("<h3>time(1000): " +
time(1000) + "</h3>");
document.write("<h3>time(100000): " +
time(10000) + "</h3>");
// Using clamp on the copy of the scale
document.write(
"<p> copy scale with clamp function.</p>");
copy.clamp(true);
document.write("<h3>copy(1000): " +
copy(1000) + "</h3>");
document.write("<h3>copy(10000): " +
copy(10000) + "</h3>");
</script>
</body>
</html>
Producción:
