La función d3.InterpolateRound() se usa para devolver la interpolación de dos números dados y redondearlos al entero más cercano.
Sintaxis:
d3.interpolateRound(a,b)
Parámetros: esta función acepta dos parámetros, como se mencionó anteriormente y se describe a continuación.
- a: Es cualquier número.
- b: Es cualquier número.
Valores devueltos: Devuelve la función Interpolador.
A continuación se muestran algunos ejemplos de la función Interpolate.Round().
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>D3.js d3.interpolateRound() Function</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 is: ",typeof(d3.interpolateRound(4,5)))
console.log(d3.interpolateRound(-2636,586)(0.2))
console.log(d3.interpolateRound(3545,96.485)(0.6))
console.log(d3.interpolateRound(24.1545,458)(0.2))
</script>
</body>
</html>
Producción:
Ejemplo 2: Cuando pasa cualquier cosa que no sea número.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>D3.js d3.interpolateRound() Function</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 is: ",typeof(d3.interpolateRound(4,5)))
console.log(d3.interpolateRound([1,2,3],[2,3,4])(0.2))
console.log(d3.interpolateRound(3545,"green")(0.6))
console.log(d3.interpolateRound("green","red")(0.2))
console.log(d3.interpolateRound(245889,)(0.2))
</script>
</body>
</html>
Producción:
