La función log.interpolate() se usa para establecer la fábrica de interpoladores de rango que se usa para crear los interpoladores para cada par de valores de los rangos adyacentes. Si no se especifica la fábrica, devuelve la fábrica interpoladora actual de la báscula.
Sintaxis:
log.interpolate(interpolate);
Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- interpolador: este parámetro acepta un interpolador.
Enfoque: en primer lugar, importe el d3.js usando d3.js CDN, luego haga una escala logarítmica usando la función d3.scaleLog() . Esta función devolverá una escala logarítmica y luego establecerá el dominio y el rango de la escala usando las funciones log.domain() y log.range() como se muestra en el siguiente ejemplo. Luego cambie el interpolador a interpolatorRound para redondear la salida al entero más cercano. Escriba la salida en el documento usando la función document.write().
Valores devueltos: esta función no devuelve nada.
Ejemplo 1:
<!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>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>D3.js log.interpolate() Function </p>
<script>
var log = d3.scaleLog()
.domain([1, 10])
.range([10, 20, 30, 40, 50, 60, 70, 80, 90])
// Using interpolateRound
.interpolate(d3.interpolateRound);
document.write("<h3>log(1.0): "
+ log(1.0) + "</h3>");
document.write("<h3>log(2.0): "
+ log(2.0) + "</h3>");
document.write("<h3>log(3.5): "
+ log(3.5) + "</h3>");
document.write("<h3>log(4.1): "
+ log(4.1) + "</h3>");
document.write("<h3>log(1.5): "
+ log(1.5) + "</h3>");
</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" />
<script src="https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p>D3.js log.interpolate() Function </p>
<script>
var log = d3.scaleLog()
.domain([1, 100])
.range(["red", "blue"])
// Using interpolate
.interpolate(d3.interpolate);
document.write("<h3>log(11.0): "
+ log(11.0) + "</h3>");
document.write("<h3>log(12.0): "
+ log(12) + "</h3>");
document.write("<h3>log(31.5): "
+ log(31.5) + "</h3>");
document.write("<h3>log(41): "
+ log(41) + "</h3>");
document.write("<h3>log(1.5): "
+ log(1.5) + "</h3>");
</script>
</body>
</html>
Producción:
