La función d3.range() en D3.js se usa para devolver una array que contiene una progresión aritmética que comienza desde el parámetro de inicio y se itera sobre una secuencia de valores numéricos espaciados uniformemente llamada paso y termina con un parámetro de parada .
Sintaxis:
d3.range(start, stop, step)
Parámetros: Esta función acepta tres parámetros que se ilustran a continuación:-
- inicio: es el valor entero inclusivo que es el primer elemento de la array de salida. Su valor por defecto es 0.
- detener: es el valor entero exclusivo que no se agrega a la array de salida.
- paso: es el valor entero que se agrega regularmente con el valor inicial e imprime el resultado hasta que llega el valor final.
Valor devuelto: Devuelve una array que contiene una progresión aritmética.
Los siguientes programas ilustran la función d3.range() en D3.js.
Ejemplo 1:
javascript
<body> <script src='https://d3js.org/d3.v4.min.js'></script> <script> // Calling to d3.range() function // with parameters start, stop and steps. A = d3.range(0, 4, 1); B = d3.range(10, 100, 10); C = d3.range(5, 50, 5); D = d3.range(1, 10, 2); // Getting an array of arithmetic progression document.write(A + "<br>"); document.write(B + "<br>"); document.write(C + "<br>"); document.write(D + "<br>"); </script> </body>
Producción:
[0,1,2,3] [10,20,30,40,50,60,70,80,90] [5,10,15,20,25,30,35,40,45] [1,3,5,7,9]
Ejemplo 2:
javascript
<body> <script src='https://d3js.org/d3.v4.min.js'></script> <script> // Calling to d3.range() function // with parameters start, stop and steps. A = d3.range(1, 2); B = d3.range(10, 20); C = d3.range(0, 10, 0.5); D = d3.range(1, 10, 0.9); // Getting an array of arithmetic progression document.write(A + "<br>"); document.write(B + "<br>"); document.write(C + "<br>"); document.write(D + "<br>"); </script> </body>
Producción:
1 [10,11,12,13,14,15,16,17,18,19] [0,0.5,1,1.5,2,2.5,3,3.5,4,4.5,5,5.5,6,6.5,7,7.5,8,8.5,9,9.5] [1,1.9,2.8,3.7,4.6,5.5,6.4,7.3,8.2,9.1]
Nota: En el código anterior, algunas funciones range() no tomaron valor de paso, por lo que su valor predeterminado se considera 1.
Referencia: https://devdocs.io/d3~5/d3-array#range
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