如何在Flot折线图中的可停靠数据点中显示格式化的时间戳?

时间:2010-12-07 17:42:54

标签: javascript canvas flot

目前,我的折线图显示了沿x轴从JSON数据集中格式正确的时间戳。

示例:

xaxis: { mode:"time", timeformat: "%y/%m/%d %H:%M:%S%p"}

输出类似于:

2010/12/6 05:32:32 pm

我的数据点也可以保持。

当我将鼠标悬停在显示的数据点上时

(1291656755000,1368ms)

1291656755000 是原始时间戳,以毫秒为单位。

我希望 1291656755000 显示为 2010/12/6 05:32:32 pm ,就像我将鼠标悬停在x轴上一样数据点。

1 个答案:

答案 0 :(得分:5)

在生成工具提示的代码中,在将值传递给工具提示函数之前调用flot formatDate函数:

$.plot.formatDate = function(d, fmt, monthNames)

其中d是日期,fmt是您的格式字符串,monthNames是可选的。

你会这样称呼:

var formattedDateString = $.plot.formatDate(d, "%y/%m/%d %H:%M:%S%p");

如果这没有意义,请发布您的工具提示代码。