格式化nvd3.js中的日期 [英] formatting the date in nvd3.js

问题描述

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

How can I make the date format in nvd3.js. For example:

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

1374561814000 what does it mean, how its converted from a date?

推荐答案

日期 1374561814000 目前是Unix时间戳。

The date 1374561814000 is currently Unix Time Stamp.

您可以定义当您将日期显示在您的图表。阅读 时间格式的d3指南 它会给你一个更好的理解。

You can define how you want the date to be displayed in your when passed into your chart. Have a read on the d3 guide to Time formatting it will give you a better understanding.

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

或者您可能希望返回显示日期/月/年的日期戳，因为您可以简单地做：

Or you may want to return the date stamp showing the date/month/year, for that you could simply do:

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

假设您希望unix时间戳以小时和小时的形式返回时间这将是：

Lets say you want the unix time stamp to return the date as Time in miniutes and hours hours it would simply be :

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

上述示例已经过测试 HERE ，请使用下面的值（ <从d3时间格式化文档中获取href =https://github.com/mbostock/d3/wiki/Time-格式化 =noreferrer> ）。

The above examples have been tested HERE, have a play around using the values below(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.

希望有帮助。

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

And if other members feel this needs improvement, please go ahead and improve the answer.

这篇关于格式化nvd3.js中的日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！