La función point.domain() se usa para establecer el dominio de la escala de puntos en una array específica de valores. El primer elemento de la array se asigna al primer punto del rango, el segundo valor del dominio al segundo punto, y así sucesivamente.
Sintaxis:
point.domain([domain]);
Parámetros: esta función acepta parámetros individuales como se indicó anteriormente y se describe a continuación:
- dominio: Este parámetro establece el dominio de la escala de puntos, es decir, el valor mínimo y máximo.
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"/>
<title>GeekforGeeks</title>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<style>
</style>
<body>
<script>
// Creating the point scale with
// specified domain and range.
var point = d3.scalePoint()
.domain([1, 2, 3, 4]);
console.log("point(1): ", point(1));
console.log("point(2): ", point(2));
console.log("point(3): ", point(3));
console.log("point(4): ", point(4));
</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"/>
<title>GeekforGeeks</title>
<script src =
"https://d3js.org/d3.v4.min.js">
</script>
</head>
<style>
</style>
<body>
<script>
// Creating the point scale with specified domain and range.
var point = d3.scalePoint()
.domain([1, 2, 3, 4])
.range([10, 50]);
console.log("point(1): ", point(1));
console.log("point(2): ", point(2));
console.log("point(3): ", point(3));
console.log("point(4): ", point(4));
</script>
</body>
</html>
Producción:
