Flotr x轴日期/时间

Question

我在我的应用中使用 flotr ，我需要一些简单的方法来显示x轴上的日期。我知道flotr能够通过

在x轴上显示时间

'xaxis' : {'mode' : 'time', 'min' => '??', 'max' => '??', 'timeFormat' => '??', 'noTicks' => 10}

但约会怎么样？无论如何，我也无法让时间x轴工作，所以任何时间x轴的真实例子也会受到赞赏。

Answer 1

只需将您的数据添加为[timestamp，value]，时间戳以ms为单位。 然后使用'tickFormatter'选项来实现自己的格式化功能。

首先实现您的格式化功能：

function myDateFormater(inputTimeStamp) {
mydate = new Date();
mydate.setTime(inputTimeStamp);
// Return your formated date as you like.
return formatedDate ..
}

然后将此功能设置为x轴刻度的格式化器。

xaxis: {
  ...
  tickFormatter: myDateFormater, // => fn: number -> string
  ...
}