La función time.invert() se usa para devolver un valor del dominio cuando se le da un valor de entrada del rango especificado. Esta inversión puede ser útil para determinar el valor de los datos correspondientes a la posición del ratón.
Sintaxis:
time.invert(value)
Parámetros: esta función acepta solo un parámetro como se indicó anteriormente y se describe a continuación.
- Valor: este parámetro acepta un valor del rango especificado.
Valor devuelto: esta función devuelve un valor del dominio especificado.
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>
<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>D3.js time.invert() Function</p>
<script>
var time = d3.scaleTime()
.domain([2011 - 01 - 01, 2015 - 05 - 02])
.range([1, 10])
document.write("<h3>time(10): "
+ time(10) + "</h3>")
document.write("<h3>time.invert(10): "
+ time.invert(10) + "</h3>")
document.write("<h3>time(time.invert(10)): "
+ time(time.invert(10)) + "</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>
<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>D3.js time.invert() Function </p>
<script>
var time = d3.scaleTime()
.domain([1, 100])
.range([1, 10])
document.write("<h3>The value of time(time.invert(1)):"
+ time(time.invert(1)) + "</h3>")
document.write("<h3>The value of time(time.invert(2)):"
+ time(time.invert(2)) + "</h3> ")
document.write("<h3>The value of time(time.invert(3)):"
+ time(time.invert(3)) + "</h3> ")
document.write("<h3>The value of time(time.invert(4)):"
+ time(time.invert(4)) + "</h3> ")
</script>
</body>
</html>
Producción:
