Catch crosshair timestamp value in my plugin

tbo47 · September 13, 2021, 4:40pm

I need to create a plugin to follow the timestamp of crosshair red vertical cursor. The goal is to show the exact frame in a video for this timestamp.

Can a plugin lesson to the crosshair timestamp value?

marcusolsson · September 15, 2021, 4:03pm

Unfortunately, there’s no easy way to do this at the moment. In more recent versions of Grafana, you should be able to use the new event bus to subscribe to hover events.

Here’s an example from the built-in graph component:

github.com

grafana/grafana/blob/515d6afec33c7331fdb4272bd4a0754e65af6961/packages/grafana-ui/src/components/GraphNG/GraphNG.tsx#L128-L178

    
      
          componentDidMount() {
            this.panelContext = this.context as PanelContext;
            const { eventBus } = this.panelContext;
          
          
  this.subscription.add(
              eventBus
                .getStream(LegacyGraphHoverEvent)
                .pipe(throttleTime(50))
                .subscribe({
                  next: (evt) => {
                    const u = this.plotInstance.current;
                    if (u) {
                      // Try finding left position on time axis
                      const left = u.valToPos(evt.payload.point.time, 'time');
                      let top;
                      if (left) {
                        // find midpoint between points at current idx
                        top = findMidPointYPosition(u, u.posToIdx(left));
                      }

This file has been truncated. show original

system · September 15, 2022, 4:03pm

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.