La función time.clamp() en D3.js se usa para habilitar o deshabilitar la abrazadera. Si la abrazadera está deshabilitada, el rango del valor de retorno puede estar fuera del rango dado.
Sintaxis:
time.clamp( clamp )
Parámetros: esta función acepta solo un parámetro como se indicó anteriormente y se describe a continuación:
- pinza: Es un valor booleano que define si la pinza está habilitada o deshabilitada.
Valores devueltos: esta función no devuelve nada.
Los siguientes programas ilustran la función time.clamp() en D3.js:
Ejemplo 1: cuando la abrazadera se establece en falso.
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<p>time.clamp() Function </p>
<script>
var time = d3.scaleTime()
// Setting domain for the scale.
.domain([1, 100])
.range([1, 10])
.clamp(false);
document.write("<h3>time(900): " +
time(900) + "</h3>");
document.write("<h3>time(100.5): " +
time(100.5) + "</h3>");
document.write("<h3>time(888): " +
time(888) + "</h3>");
document.write("<h3>time(150): " +
time(150) + "</h3>");
</script>
</body>
</html>
Producción:
Ejemplo 2: cuando la abrazadera se establece en verdadero.
HTML
<!DOCTYPE html>
<html>
<head>
<script src="https://d3js.org/d3.v4.min.js">
</script>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h1 style="color: green">GeeksforGeeks</h1>
<p>time.clamp() Function </p>
<script>
var time = d3.scaleTime()
// Setting domain for the scale.
.domain([1, 100])
.range([1, 10])
.clamp(true);
document.write("<h3>time(900): "
+ time(900) + "</h3>");
document.write("<h3>time(100.5): "
+ time(100.5) + "</h3>");
document.write("<h3>time(888): "
+ time(888) + "</h3>");
document.write("<h3>time(150): "
+ time(150) + "</h3>");
</script>
</body>
</html>
Producción:
