d3.InterpolateArray() se usa para interpolar las dos arrays y devuelve un interpolador entre ellas.
Sintaxis:
d3.interpolateArray(a, b);
Parámetros: Toma los dos parámetros.
- a: Es una array.
- b: Es una array.
Devoluciones: Devuelve la función Interpolador.
A continuación se dan algunos ejemplos de la función InterpolateArray().
Ejemplo 1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--fetching from CDN of D3.js -->
<script type = "text/javascript"
src =
"https://d3js.org/d3.v4.min.js">
</script>
<script>
console.log("Type of the function is: ",
typeof(d3.interpolateArray([12, 3], [4, 5, 6])))
console.log(d3.interpolateArray([12, 3], [4, 5, 6])(0.2))
console.log(d3.interpolateArray([12, 3], [4, 5, 6])(0.6))
console.log(d3.interpolateArray([12, 3], [4, 5, 6])(0.2))
</script>
</body>
</html>
Producción:
Ejemplo 2:
Cuando los elementos de son distintos de un número.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
</style>
<body>
<!--fetching from CDN of D3.js -->
<script type = "text/javascript"
src =
"https://d3js.org/d3.v4.min.js">
</script>
<script>
console.log("Type of the function is: ",
typeof(d3.interpolateArray([12, 3], [4, 5, 6])))
console.log(
d3.interpolateArray([12.25, 3.36], [0.54, 5, .636])(0.2));
// This will give error as it is not an array
try{
console.log(d3.interpolateArray(1452, 63244)(0.6))
}
catch(err){
console.log(err)
}
console.log(
d3.interpolateArray(["a", "b", "d"], ["a", "c"])(0.2));
</script>
</body>
</html>
Producción:
