La función ticks() en D3.js se usa para formar una array entre un rango determinado de inicio y finalización, ambos inclusive, de modo que cada elemento esté uniformemente espaciado.
Sintaxis:
d3.ticks(start,stop,count);
Parámetros:
- inicio: Es el valor inicial desde donde queremos que esté el elemento del arreglo, es inclusivo.
- stop: Es el valor inicial al que queremos que esté el elemento del array, es inclusivo.
- count: Es el número de elementos que queremos en un determinado rango de inicio y detención.
Valor devuelto: Devuelve
A continuación se dan algunos ejemplos de la función ticks().
Ejemplo 1:
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!--fetching from CDN of D3.js --> <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"> </script> <script> // Choosing 10 elements in a range // Note that each element is equally spaced console.log(d3.ticks(10, 20, 20)) </script> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!--fetching from CDN of D3.js --> <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"> </script> <script> // Choosing 10 elements in a range console.log(d3.ticks(10, 20)) </script> </body> </html>
Producción:
