La función d3.utcYear en D3.js se usa para devolver todos los años con fecha en el rango dado de fecha de inicio y finalización en el tiempo universal coordinado (UTC).
Sintaxis:
d3.utcYear.range(start, end, step);
Parámetros: esta función acepta tres parámetros que se detallan a continuación:
- Inicio: este parámetro contiene la fecha de inicio dada.
- fin: este parámetro contiene la fecha de finalización dada.
- paso: Es el parámetro opcional que contiene el valor utilizado para saltar años.
Valor devuelto: esta función devuelve todos los años posibles en el rango dado.
Los siguientes programas ilustran la función d3.utcYear en D3.js:
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.utcYear Function </title> <script src = "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Initialising start and end date var start = new Date(2015, 01, 01); var end = new Date(2020, 01, 01); // Calling the utcYear function // without step value var a = d3.utcYear.range(start, end); // Getting the years values console.log(a); </script> </body> </html>
Producción:
["2016-01-01T00:00:00.000Z", "2017-01-01T00:00:00.000Z", "2018-01-01T00:00:00.000Z", "2019-01-01T00:00:00.000Z", "2020-01-01T00:00:00.000Z"]
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.utcYear Function </title> <script src = "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Initialising start and end date var start = new Date(2015, 01, 01); var end = new Date(2020, 01, 01); // Calling the utcYear function // with step value var a = d3.utcYear.range(start, end, 2); // Getting the years values console.log(a); </script> </body> </html>
Producción:
["2016-01-01T00:00:00.000Z", "2018-01-01T00:00:00.000Z", "2020-01-01T00:00:00.000Z"]
Referencia: https://devdocs.io/d3~5/d3-time#timeYear
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