La función threshold.domain() se utiliza para establecer el dominio de la escala de umbral. Los valores dados en esto deben estar en orden no descendente, de lo contrario, el comportamiento de la escala no está definido.
Sintaxis:
threshold.domain([domain]);
Parámetros: Esta función acepta un solo parámetro como se indicó anteriormente y se describe a continuación.
- dominio: este parámetro acepta una array de elementos en un orden ordenado que establece el dominio de la escala.
Valor devuelto: esta función no devuelve ningún valor.
Los siguientes programas ilustran la función threshold.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;">GeeksforGeeks</h2>
<p>threshold.domain() Function</p>
<script>
var threshold = d3.scaleThreshold()
// Setting domain for the scale.
.domain([1, 2, 3, 4])
.range([10, 20, 30, 40, 50]);
let val1 = threshold(1);
let val2 = threshold(2);
let val3 = threshold(4);
document.write("<h4>" + val1 + "</h4>");
document.write("<h4>" + val2 + "</h4>");
document.write("<h4>" + val3 + "</h4>");
</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;">GeeksforGeeks</h2>
<p>threshold.domain() Function </p>
<script>
var threshold = d3.scaleThreshold()
// Setting domain for the scale.
.domain([1, 2, 3, 4]);
document.write("<h4>" + threshold(0) + "</h4>");
document.write("<h4>" + threshold(4) + "</h4>");
</script>
</body>
</html>
Producción:
