La función band.range() en la biblioteca D3.js se usa para establecer el rango de la escala en la array de números de dos elementos especificada. El valor predeterminado del rango es [0, 1].
Sintaxis:
band.range([range]);
Parámetros: Esta función acepta parámetros individuales como se indica arriba y se describe a continuación.
- range: este parámetro acepta una array de números de dos elementos.
Nota: si el elemento en el rango no son números, entonces están obligados a numerar.
Valor devuelto: esta función no devuelve nada.
A continuación se dan algunos ejemplos de la función dada anteriormente.
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>
// Create the band scale with specified
// domain and range.
var band = d3.scaleBand()
.domain([0, 1])
.range([0, 1]);
console.log("When range is [0, 1]");
console.log("band(0): ", band(0));
console.log("band(1): ", band(1));
var band = d3.scaleBand()
.domain([0, 1])
.range([10, 20]);
console.log("When range is [10, 20]");
console.log("band(0): ", band(0));
console.log("band(1): ", band(1));
</script>
</body>
</html>
Producción:
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>
// Create the band scale with specified
// domain and range.
var band = d3.scaleBand()
.domain([0, 1])
// These chars are coerced to numbers
.range(["1", "2"]);
console.log("When range is [\"1\", \"2\"]");
console.log("band(0): ", band(0));
console.log("band(1): ", band(1));
var band = d3.scaleBand()
.domain([0, 1])
// These chars are coerced to numbers
.range(["100", "200"]);
console.log("When range is [\"100\", \"200\"]");
console.log("band(0): ", band(0));
console.log("band(1): ", band(1));
</script>
</body>
</html>
Producción:
