Javascript 如何在Flot图表的X轴上绘制日期范围?

Javascript 如何在Flot图表的X轴上绘制日期范围?,javascript,jquery,charts,flot,Javascript,Jquery,Charts,Flot,我使用Flot图表显示特定时期的数据(由用户选择,例如,过去30天、过去7天、从2013年1月1日到2013年3月3日等) 所以我想显示一个以x轴为日期的折线图 例如,如果我有两天的时间,startDate和endDate如何使X轴显示类似: 2013年1月1日至2013年1月2日至2013年3月3日 我的代码如下: 数据(目前是静态的) 我意识到我需要使我的数据看起来像[日期,值]。这样行吗? 我将服务器动态生成的JSON数据保存在 [{date,value},{date,value}…] 格

我使用Flot图表显示特定时期的数据(由用户选择,例如,过去30天、过去7天、从2013年1月1日到2013年3月3日等)

所以我想显示一个以x轴为日期的折线图

例如,如果我有两天的时间,startDate和endDate如何使X轴显示类似:

2013年1月1日至2013年1月2日至2013年3月3日

我的代码如下: 数据(目前是静态的)

我意识到我需要使我的数据看起来像[日期,值]。这样行吗? 我将服务器动态生成的JSON数据保存在

[{date,value},{date,value}…]

格式。
请指导。

您需要将数字更改为UNIX时间戳乘以1000。如果您搜索时间序列数据,则这来自API:

Flot中的时间序列支持基于Javascript时间戳, i、 e.无论何时预期或交付时间值,Javascript 使用时间戳编号。这是一个数字,不是日期对象。A. Javascript timestamp是自1月1日起的毫秒数, 协调世界时1970:00:00。这与Unix时间戳几乎相同,只是 以毫秒为单位,所以记住乘以1000

API中有一个.Net示例:

public static int GetJavascriptTimestamp(System.DateTime input)
{
System.TimeSpan span = new System.TimeSpan(System.DateTime.Parse("1/1/1970").Ticks);
System.DateTime time = input.Subtract(span);
return (long)(time.Ticks / 10000);
}

下面是一个示例-

您将乘以10000,而不是1000,并且您的示例没有指定使用您定义的方法的时间/地点。此外,您正在定义一个新的DateTime,那么当您可以只传入年、月和日时,为什么还要解析字符串呢?最后。。。这似乎不起作用。我在第一年的某个时候得到的滴答声。这个例子来自API。你看过“时间序列数据”下的FLOT文档了吗?它很好用。
public static int GetJavascriptTimestamp(System.DateTime input)
{
System.TimeSpan span = new System.TimeSpan(System.DateTime.Parse("1/1/1970").Ticks);
System.DateTime time = input.Subtract(span);
return (long)(time.Ticks / 10000);
}