La función d3.continuous.invert() en D3.js se usa para devolver el valor correspondiente del dominio si se proporciona un valor del rango.
Sintaxis:
.invert( Value )
Parámetros: esta función acepta un valor de parámetro único que contiene el valor del rango.
Valor devuelto: esta función devuelve el valor correspondiente del dominio si se da un valor del rango.
Los siguientes programas ilustran la función d3.continuous.invert() en D3.js:
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.continuous.invert() Function </title> <script src = "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Calling scaleLinear() function var x = d3.scaleLinear().domain([10, 150]) .range([0, 1000]); // Calling the .invert() function // and getting the corresponding value // from domain if value from range is given console.log(x.invert(150)); console.log(x.invert(999)); </script> </body> </html>
Producción:
31 149.86
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.continuous.invert() Function </title> <script src = "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Calling scaleLinear() function var x = d3.scaleLinear().domain([0, 1]) .range([10, 20]); // Calling the .invert() function // and getting the corresponding value // from domain if value from range is given console.log(x.invert(11)); console.log(x.invert(13)); console.log(x.invert(15)); console.log(x.invert(19)); </script> </body> </html>
Producción:
0.1 0.3 0.5 0.9
Referencia: https://devdocs.io/d3~5/d3-scale#continuous_invert
Publicación traducida automáticamente
Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA