Rickshaw.Graph.Axis.Time Resolution

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()
});