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

Topic		Replies	Views
Kibana Visualizations imported into Canvas cannot inherit global time range Kibana canvas	4	386	October 7, 2021
How to apply time filter specific to visualization in spite applying global time range filter to the entire dashboard Kibana	3	318	September 18, 2019
Access timepicker range from within visualization plugin Kibana	3	1256	July 6, 2017
TSVB ability to use tokens in panel filters that represent global time filter values to adjust viz based on global time selection Kibana	7	425	December 15, 2021
Time Filter Canvas Kibana canvas	2	515	April 5, 2023

Applying global Time filter within a visualization to other dates

Related topics