Question

如何在nvd3.js中制作日期格式。例如：

data1 = [{
  "values": [{
    "x": 1374561814000,
    "y": 2
  }],
  "key": "x-axis"
}]

1374561814000这是什么意思，它是如何从约会转换出来的？

Answer 1

日期 1374561814000 目前是Unix时间戳。

您可以定义日期在传递到图表时的显示方式。请阅读Time formatting的d3指南，以便您更好地理解。

chart.xAxis.tickFormat(function(d) {
    // Will Return the date, as "%m/%d/%Y"(08/06/13)
    return d3.time.format('%x')(new Date(d))
});

或者您可能想要返回显示日期/月/年的日期戳，您可以这样做：

return d3.time.format('%d/%m/%y')(new Date(d))

假设您希望使用unix时间戳将日期作为时间以毫秒和小时为单位返回：

return d3.time.format('%X')(new Date(d)) // Capital X

以上示例已经过测试HERE，可以使用下面的值（ taken from the d3 time formatting docs ）。

Constructs a new local time formatter using the given specifier. The specifier string may contain the following directives.     

 - %a - abbreviated weekday name.
 - %A - full weekday name.
 - %b - abbreviated month name.
 - %B - full month name.
 - %c - date and time, as "%a %b %e %H:%M:%S %Y".
 - %d - zero-padded day of the month as a decimal number [01,31].
 - %e - space-padded day of the month as a decimal number [ 1,31]; equivalent to %_d.
 - %H - hour (24-hour clock) as a decimal number [00,23].
 - %I - hour (12-hour clock) as a decimal number [01,12].
 - %j - day of the year as a decimal number [001,366].
 - %m - month as a decimal number [01,12].
 - %M - minute as a decimal number [00,59].
 - %L - milliseconds as a decimal number [000, 999].
 - %p - either AM or PM.
 - %S - second as a decimal number [00,61].
 - %U - week number of the year (Sunday as the first day of the week) as a decimal number [00,53].
 - %w - weekday as a decimal number [0(Sunday),6].
 - %W - week number of the year (Monday as the first day of the week) as a decimal number [00,53].
 - %x - date, as "%m/%d/%Y".
 - %X - time, as "%H:%M:%S".
 - %y - year without century as a decimal number [00,99].
 - %Y - year with century as a decimal number.
 - %Z - time zone offset, such as "-0700".
 - %% - a literal "%" character.

希望它有所帮助。

如果其他成员觉得这需要改进，请继续改进答案。

格式化nvd3.js中的日期

1 个答案: