La función quantile.domain() se utiliza para establecer el dominio de la escala de cuantiles.
Sintaxis:
quantile.domain([domain]);
Parámetros: Esta función toma solo un parámetro como se indica arriba y se describe a continuación.
- dominio: Este parámetro establece el dominio de la escala, es decir, el valor mínimo y máximo. Acepta una array de valores numéricos discretos. La array debe contener al menos un valor numérico.
Valor devuelto: esta función no devuelve ningún valor.
Los siguientes ejemplos ilustran la función quantile.domain() en D3.js:
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>
<h2 style="color: green;">GeekforGeeks</h2>
<p>quantile.domain() Function</p>
<script>
var quantile = d3.scaleQuantile()
// Setting domain for the scale
.domain([1000])
// Setting the range of the scale
.range([16]);
// Printing the output
document.write("<h3>quantile(10): "
+ quantile(10) + "</h3>");
document.write("<h3>quantile(20): "
+ quantile(20) + "</h3>");
</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>
<h2 style="color: green;">GeekforGeeks</h2>
<p>quantile.domain() Function</p>
<script>
var quantile = d3.scaleQuantile()
// Setting domain for the scale
.domain([1, 2, 3, 4])
// Setting the range of the scale
.range([6, 16, 24, 28]);
// Printing the output
document.write("<h3>quantile(1): "
+ quantile(1) + "</h3>");
document.write("<h3>quantile(2): "
+ quantile(2) + "</h3>");
document.write("<h3>quantile(3): "
+ quantile(3) + "</h3>");
document.write("<h3>quantile(4): "
+ quantile(4) + "</h3>");
</script>
</body>
</html>
Producción:
