La función log.range() establece el rango de la escala logarítmica en la array de valores especificada que debe contener dos o más de dos valores. Los elementos en el rango pueden ser números o strings.
Sintaxis:
log.range([range]);
Parámetros: esta función toma un solo parámetro que se proporciona arriba y se describe a continuación.
- [rango]: una array que contiene el rango para el dominio especificado.
Valor devuelto: esta función no devuelve ningún valor.
Ejemplo 1:
HTML
<!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> <script> var log = d3.scaleLog() // Setting the domain for the scale. .domain([1, +10]) // Setting the range for the scale .range([1, 2, 3, 4, 5]); console.log(log(1)); console.log(log(10)); </script> </body> </html>
Producción:
1 2
Ejemplo 2:
HTML
<!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> <script> var log = d3.scaleLog() // Setting the domain for the scale .domain([10, 20]) // Setting the range for the scale .range(["red", "green", "blue"]); console.log(log(10)); console.log(log(15)); console.log(log(20)); </script> </body> </html>
Producción:
rgb(255, 0, 0) rgb(106, 75, 0) rgb(0, 128, 0)