Applying global Time filter within a visualization to other dates

dosant · May 18, 2021, 12:59pm

Hi @Thomas_Pierrot, welcome to the community

You can get current global time range from time filter service in data plugin:

elastic/kibana/blob/5c3527d8a63deefd4fc3ef2d4b5e7381f6c34422/src/plugins/data/public/query/timefilter/timefilter.ts#L103


 * Each subscription to this observable resets internal interval
 * Emitted value is a callback {@link AutoRefreshDoneFn} that must be called to restart refresh interval loop
 * Apps should use this callback to start next auto refresh loop when view finished updating
 */
public getAutoRefreshFetch$ = () => this.autoRefreshLoop.loop$;


public getFetch$ = () => {
  return this.fetch$.asObservable();
};


public getTime = (): TimeRange => {
  const { from, to } = this._time;
  return {
    ...this._time,
    from: moment.isMoment(from) ? from.toISOString() : from,
    to: moment.isMoment(to) ? to.toISOString() : to,
  };
};


/**
 * Same as {@link getTime}, but also converts relative time range to absolute time range

Then you can use it to build your custom range filter