La función d3.utcHour en D3.js se usa para devolver todas las horas con fecha en el rango dado de hora de inicio y finalización en el tiempo universal coordinado (UTC).
Sintaxis:
d3.utcHour.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 hora de inicio dada.
- end: este parámetro contiene la hora de finalización dada.
- paso: Este es el valor opcional que se usa para saltar horas.
Valor devuelto: esta función devuelve todas las horas posibles en el rango dado.
Los siguientes programas ilustran la función d3.utcHour en D3.js:
Ejemplo 1:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.utcHour Function </title> <script src = "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Initialising start and end time var start = new Date(2015, 07, 01, 4, 20); var end = new Date(2015, 07, 01, 8, 20); // Calling the utcHour function // without step value var a = d3.utcHour.range(start, end); // Getting the hours values console.log(a); </script> </body> </html>
Producción:
["2015-07-31T23:00:00.000Z", "2015-08-01T00:00:00.000Z", "2015-08-01T01:00:00.000Z", "2015-08-01T02:00:00.000Z"]
Ejemplo 2:
<!DOCTYPE html> <html> <head> <title> D3.js | d3.utcHour Function </title> <script src = "https://d3js.org/d3.v4.min.js"> </script> </head> <body> <script> // Initialising start and end time var start = new Date(2015, 07, 01, 1, 20); var end = new Date(2015, 07, 01, 6, 20); // Calling the utcHour function // with step value var a = d3.utcHour.range(start, end, 2); // Getting the hour values console.log(a); </script> </body> </html>
Producción:
["2015-07-31T20:00:00.000Z", "2015-07-31T22:00:00.000Z", "2015-08-01T00:00:00.000Z"]
Referencia: https://devdocs.io/d3~5/d3-time#timeHour
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