New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Shared Cross Hair - Show tooltip on all graphs #1578

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

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

This comment has been minimized.

Show comment
Hide comment
@toni-moreno

toni-moreno Mar 10, 2015

Contributor

:+1

Contributor

toni-moreno commented Mar 10, 2015

:+1

@torkelo

This comment has been minimized.

Show comment
Hide comment
@torkelo

torkelo Mar 10, 2015

Member

good suggestion

Member

torkelo commented Mar 10, 2015

good suggestion

@wilshire461

This comment has been minimized.

Show comment
Hide comment

👍

@cboggs

This comment has been minimized.

Show comment
Hide comment
@cboggs

cboggs Mar 16, 2015

Contributor

👍

Contributor

cboggs commented Mar 16, 2015

👍

@marinonjalsson

This comment has been minimized.

Show comment
Hide comment
@marinonjalsson

marinonjalsson Oct 8, 2015

👍
Very useful.

👍
Very useful.

@Dieterbe

This comment has been minimized.

Show comment
Hide comment
@Dieterbe

Dieterbe Oct 9, 2015

Contributor

+1

Contributor

Dieterbe commented Oct 9, 2015

+1

@mtanda

This comment has been minimized.

Show comment
Hide comment
@mtanda

mtanda Nov 8, 2015

Collaborator

+1

Collaborator

mtanda commented Nov 8, 2015

+1

@sbarale

This comment has been minimized.

Show comment
Hide comment

sbarale commented Nov 8, 2015

+1

@Dieterbe

This comment has been minimized.

Show comment
Hide comment
@Dieterbe

Dieterbe Nov 14, 2015

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 ?)

Contributor

Dieterbe commented Nov 14, 2015

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

This comment has been minimized.

Show comment
Hide comment
@JoyceBabu

JoyceBabu Nov 14, 2015

Thank you @Dieterbe. By tooltips I meant crosshair.

Thank you @Dieterbe. By tooltips I meant crosshair.

@Dieterbe

This comment has been minimized.

Show comment
Hide comment
@Dieterbe

Dieterbe Nov 22, 2015

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.

Contributor

Dieterbe commented Nov 22, 2015

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

This comment has been minimized.

Show comment
Hide comment
@toni-moreno

toni-moreno Nov 23, 2015

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.

Contributor

toni-moreno commented Nov 23, 2015

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

This comment has been minimized.

Show comment
Hide comment
@Dieterbe

Dieterbe Nov 23, 2015

Contributor

i see.

Contributor

Dieterbe commented Nov 23, 2015

i see.

@Dieterbe Dieterbe reopened this Nov 23, 2015

@gbrian

This comment has been minimized.

Show comment
Hide comment
@gbrian

gbrian 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 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

This comment has been minimized.

Show comment
Hide comment
@gbrian

gbrian 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

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

This comment has been minimized.

Show comment
Hide comment
@utkarshcmu

utkarshcmu Jan 16, 2016

Contributor

+1

Contributor

utkarshcmu commented Jan 16, 2016

+1

@marinonjalsson

This comment has been minimized.

Show comment
Hide comment
@marinonjalsson

marinonjalsson Jan 18, 2016

+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).

+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).

@lucadistefano

This comment has been minimized.

Show comment
Hide comment

@torkelo torkelo closed this in e1b25b3 Dec 6, 2016

@torkelo

This comment has been minimized.

Show comment
Hide comment
@torkelo

torkelo Dec 6, 2016

Member

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)

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

This comment has been minimized.

Show comment
Hide comment
@towolf

towolf Dec 6, 2016

Contributor

@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

Contributor

towolf commented Dec 6, 2016

@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

This comment has been minimized.

Show comment
Hide comment
@gbrian

gbrian Dec 7, 2016

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

gbrian commented Dec 7, 2016

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

This comment has been minimized.

Show comment
Hide comment
@RichiH

RichiH Dec 7, 2016

Contributor
Contributor

RichiH commented Dec 7, 2016

@Dieterbe

This comment has been minimized.

Show comment
Hide comment
@Dieterbe

Dieterbe Dec 7, 2016

Contributor

@gbrian what exactly would the pinning do?

Contributor

Dieterbe commented Dec 7, 2016

@gbrian what exactly would the pinning do?

@gbrian

This comment has been minimized.

Show comment
Hide comment
@gbrian

gbrian 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.

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

This comment has been minimized.

Show comment
Hide comment
@RichiH

RichiH Dec 7, 2016

Contributor
Contributor

RichiH commented Dec 7, 2016

@gbrian

This comment has been minimized.

Show comment
Hide comment
@gbrian

gbrian Dec 7, 2016

@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

gbrian commented Dec 7, 2016

@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

This comment has been minimized.

Show comment
Hide comment
@aleksandr-vin

aleksandr-vin Dec 12, 2016

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

+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