javascript - 人力车.图形.轴.时间分辨率

Question

我现在正在尝试基于虚拟数据编写实时图表。我的问题是图表的分辨率对我来说太大了。我的 timeUnit 是一个小时，但我得到的范围是 16 小时，我现在不需要在同一图表中看到它。例如，图表从 00:00 开始，到 16:00 结束。我想要这样的决议:00:00、00:05、00:10、00:15 等等……(每五分钟勾选一次)。我尝试使用 timeunit=minute，但我仍然得到相同的范围，现在分为更多点。

这是我的 x 轴代码:

var time = new Rickshaw.Fixtures.Time();
var hours = time.unit('hour');
var xAxis = new Rickshaw.Graph.Axis.Time( {
  graph: graph,
  ticksTreatment: ticksTreatment,
  timeUnit: hours,
  timeFixture: new Rickshaw.Fixtures.Time()
} );

Answer 1

你可以试试这个:

var unit = {}
unit.formatTime = function(d) {
  return d.toUTCString().match(/(\d+:\d+):/)[1];
};
unit.formatter = function(d) { return this.formatTime(d)};
unit.name = "5 minute";
unit.seconds = 300;
var xAxis = new Rickshaw.Graph.Axis.Time({
  graph: graph,
  timeUnit:unit,
  ticksTreatment: ticksTreatment,
  timeFixture: new Rickshaw.Fixtures.Time.Local()
});