La función d3.scaleThreshold() en D3.js se usa para crear y devolver una nueva escala de umbral que tiene el dominio y el rango especificados. El valor predeterminado de dominio es [0.5] y el de rango es [0, 1].
Sintaxis:
d3.scaleThreshold( domain, range )
Parámetros: esta función acepta dos parámetros, como se indicó anteriormente y se describe a continuación:
- dominio: Define el valor mínimo y máximo para la escala. Es un parámetro opcional. El valor predeterminado es [0,5].
- rango: Acepta un rango de valores discretos, cada valor en el dominio se asigna con un valor en el rango. Es un parámetro opcional. El rango predeterminado es [0, 1].
Valores devueltos: esta función no devuelve nada.
Los siguientes programas ilustran la función d3.scaleThreshold() en D3.js:
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<h2 style="color: green;">GeekforGeeks</h2>
<p>d3.scaleThreshold() Function </p>
<script>
var threshold = d3.scaleThreshold()
// Setting domain and range for the scale
.domain([10])
.range(["red", "green", "black", "blue"]);
document.write("<h4>" + threshold(9) + "</h4>");
document.write("<h4>" + threshold(10) + "</h4>");
</script>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js">
</script>
</head>
<body>
<h2 style="color: green;">GeekforGeeks</h2>
<p>d3.scaleThreshold() Function </p>
<script>
var threshold = d3.scaleThreshold()
// Setting domain and range for the scale
.domain([1, 2, 10])
.range([0, 1, 2, 3]);
document.write("<h4>" + threshold(2) + "</h4>");
document.write("<h4>" + threshold(10) + "</h4>");
</script>
</body>
</html>
Producción:
