Shared Cross Hair - Show tooltip on all graphs #1578

Closed
JoyceBabu opened this Issue Mar 10, 2015 · 27 comments

Projects

None yet
@JoyceBabu

It would be a useful addition to have an option to show display tooltips on all graphs when shared cross hair is enabled. This is a feature available in NewRelic dashboard and I find it extremely useful. This feature can help in

  • Analysing relation between events (anomalies) in different graphs. For example, how did an increase in requests/second affect server memory usage and CPU load
  • Comparing similar graphs. For example, I have a graphs comparing performance of different CDN services. Currently to compare the performance of 2 different services at a particular time, I have to hover over both graphs one after the other.
@toni-moreno
Contributor

:+1

@torkelo
Member
torkelo commented Mar 10, 2015

good suggestion

@wilshire461

👍

@cboggs
cboggs commented Mar 16, 2015

👍

@marinonjalsson

👍
Very useful.

@Dieterbe
Contributor
Dieterbe commented Oct 9, 2015

+1

@mtanda
Contributor
mtanda commented Nov 8, 2015

+1

@sbarale
sbarale commented Nov 8, 2015

+1

@Dieterbe
Contributor

shared crosshairs are supported now. not sure if anything left to do here (did you mean tooltips as in crosshair, or did you mean annotations, @JoyceBabu ?)

@JoyceBabu

Thank you @Dieterbe. By tooltips I meant crosshair.

@Dieterbe
Contributor

going to close this then. in dashboard settings there's an option to enable shared crosshairs. you can also just press control-o at any time in any dashboard and it'll toggle the setting. try it out! :)
you may need to upgrade to the latest 2.5 release though.

@Dieterbe Dieterbe closed this Nov 22, 2015
@toni-moreno
Contributor

Hi @Dieterbe , I think you don't understand what @JoyceBabu is asking for.

He means to a way to show all tooltips following the mouse time line at once while crosshair is enabled ( perhaps by pressing shift or ctrl , while moving mouse over one panel, not only show the cross-hair also enable all tooltip values at once.

I suggest reopen this issue.

@Dieterbe
Contributor

i see.

@Dieterbe Dieterbe reopened this Nov 23, 2015
@gbrian
gbrian commented Jan 15, 2016

Hi,
Is anybody working on? I'd like to help or try myself if not, I really need this.

Also I'd like to add multiple tooltips to be able to freeze the tooltip on different points and compare.
Maybe by pressing "Ctrl+...." key while showing tooltip it can keep an snapshot so you can move to another point and compare values. Pressing same combination will clear out.

@gbrian
gbrian commented Jan 16, 2016

Testing first version.
Will work only with "All series" tooltips.
image

UPDATE:
Not finished but sharing for comments: https://github.com/gbrian/grafana/tree/1578_shared_tooltip

@utkarshcmu
Contributor

+1

@marinonjalsson

+1

On Sat, Jan 16, 2016 at 7:49 AM, Utkarsh Bhatnagar <notifications@github.com

wrote:

+1


Reply to this email directly or view it on GitHub
#1578 (comment).

@torkelo torkelo closed this in e1b25b3 Dec 6, 2016
@torkelo
Member
torkelo commented Dec 6, 2016

This is now merged to master via this PR #6274, with some changes.

The feature is using the sharedCrosshair option (renamed in UI to Shared tooltip), and the same shortcut (CTRL+O, or CMD+O)

@towolf
towolf commented Dec 6, 2016 edited

@torkelo this does not work for me. Shared crosshair worked for me and was pretty nifty. But with really dense dashboards, I get overlapping tooltips all over the place, and browser performance is crap, when they pop up all over the place, it's almost grotesque 😿

Please revise this to pop up only with a key modifier, or something.

image

@gbrian
gbrian commented Dec 7, 2016 edited

Hi,

What about been able to "pin" thos values you are interested on?
This option will be available when you move over the tooltip.
Will be possible to pin all series or independent ones.

image

@RichiH
Contributor
RichiH commented Dec 7, 2016
@Dieterbe
Contributor
Dieterbe commented Dec 7, 2016

@gbrian what exactly would the pinning do?

@gbrian
gbrian commented Dec 7, 2016

@Dieterbe
This is taken from code editors that allows you to fix variable values while debugging.
When you move over the tooltip, with the reference value, a "pin" icon appears allowing you to keep this pinned with the name of the reference and its value always visible.
In case of comlex objects you can pin main reference on internal ones indiviadually so you keep focus on what's your interest.
You have to "unpin" when you are done.

I think same approach can help as you will be able to pin whole tooltip or metrics.
Maybe is agood idea to pin everything into same tooltip instead having multiple tooltips but not sure. Maybe some mockups can help on answering.

Hope this helps.

@RichiH
Contributor
RichiH commented Dec 7, 2016
@gbrian
gbrian commented Dec 7, 2016 edited

@RichiH The pinned window can be positioned. On the case of code editor its independant from the tooltips, so can you put on side, top, down, ... and close when not needed.

In the picture:

  • Overview of the current value (gray tooltip)
  • Pinned values (yellow window)

image

@aleksandr-vin

+1 for "to pop up only with a key modifier"

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment