La función band.rangeRound() se usa para establecer el rango de la escala en la array de dos elementos especificada junto con esto, también establece la ronda en verdadero.
Sintaxis:
band.rangeRound([range])
Parámetros: esta función acepta parámetros individuales como se indicó anteriormente y se describe a continuación:
- range: este parámetro acepta una array de números de dos elementos.
Valores devueltos: esta función no devuelve nada.
A continuación se dan algunos ejemplos de la función dada anteriormente.
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>
<script>
// Creating the band scale with
// specified domain and range.
var band = d3.scaleBand()
.domain([10, 20, 30, 40, 50])
.range([0, 1]);
console.log("Without rangeRound function:");
console.log("band(10): ", band(10));
console.log("band(20): ", band(20));
console.log("With rangeRound function:");
var band = d3.scaleBand()
.domain([10, 20, 30, 40, 50])
.rangeRound([0, 1]);
console.log("band(10): ", band(10));
console.log("band(20): ", band(20));
</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>
<script>
// Creating the band scale with
// specified domain and range.
var band = d3.scaleBand()
.domain([1, 2, 3, 4])
// When range is in string
.range(["0", "10"]);
console.log("Without rangeRound function:");
console.log("band(1): ", band(1));
console.log("band(2): ", band(2));
console.log("With rangeRound function:");
var band = d3.scaleBand()
.domain([1, 2, 3, 4, 5])
.rangeRound(["0", "10"]);
console.log("band(1): ", band(1));
console.log("band(2): ", band(2));
</script>
</body>
</html>
Producción:
