Pan left/right by complete timespan

tobox · September 10, 2018, 2:18pm

I try do display values for one month, and I would expect the “left” and “right” arrows next to the maginfying glass to move backwards/forward by one complete month. But in my setup they just pan half the shown distance, which is useless for my needs.

Is it possible to change the behaviour to pan using the full timeframe and not just half of it?

I.e., I want to scroll through the months, and I expect to see a complete month after each click.

Regards
Thomas

jangaraj · September 10, 2018, 3:45pm

It is not configurable:

github.com

grafana/grafana/blob/154fbe2413f9abe33157baa563e42fbf67e2f27b/public/app/features/dashboard/timepicker/timepicker.ts#L79


  this.isAbsolute = moment.isMoment(this.timeRaw.to);
}


zoom(factor) {
  this.$rootScope.appEvent('zoom-out', 2);
}


move(direction) {
  const range = this.timeSrv.timeRange();


  const timespan = (range.to.valueOf() - range.from.valueOf()) / 2;
  let to, from;
  if (direction === -1) {
    to = range.to.valueOf() - timespan;
    from = range.from.valueOf() - timespan;
  } else if (direction === 1) {
    to = range.to.valueOf() + timespan;
    from = range.from.valueOf() + timespan;
    if (to > Date.now() && range.to < Date.now()) {
      to = Date.now();
      from = range.from.valueOf();

But you can still build your customized Grafana without / 2.

tobox · September 11, 2018, 8:30am

I would think that my application is a regular use case, and in my opinion this should be configurable without creating a custom build. But thanks for letting me know that I was not too stupid

ajarillo · August 21, 2019, 11:26am

I have the same problem and I have modified the file /usr/share/grafana/public/app/core/utils/timePicker.ts removing /2. After that, I have restarted grafana-server service but it still doesn’t work. What else do I have to do? Thanks in advanced.