Kibana: Add tooltip in timelion

[fbaligand]

Currently, in every Kibana line/bar visualization, you can point the mouse over a chart point, and you get a tooltip giving you the data attached to this point (label + value).
From a UX point of view, this is really useful !

=> That would be great to add such a feature in Timelion visualizations !

[tbragin]

@fbaligand In timelion when you mouse over the data, the legends show you data values for the data points. Is that not sufficient? What additional data would you like to see in the tooltip?

[fbaligand]

I know that legend already displays data values.

But from an ergonomic point of view :

• When, with your mouse, you browse the different data points on the line, your eyes have to move to top left to see value and then go back to the data point, and so on for each point. This is not convenient.
• Secondly, as tooltip is not displayed on the concerned data point (and the data point not highlighted), you're not sure if the data value displayed is for one point or the following. Actually, if you are just at the left of a point (and far away also), its value is displayed. But if you are just at the right of the point (even very close), the next data point value is displayed. This is confusing.
• Thirdly, if you draw a simple line (without points), the data points are not easy to localize : no tooltip when you are on one point and current point is not highlighted.
• Finally, this is not coherent with other visualizations : all other visualizations have tooltip feature by default (which can be disabled)

[tbragin]

From @zharben in https://github.com/elastic/kibana/issues/9587

Are there really no tooltips in this thing? Kibana has them everywhere else - I feel like I'm missing something... The timelion expression language, and the way you've thought this through is amazing - but the visualizations this thing produces are almost useless, because you can't hover over items to identify data point values. I spent the last couple of days getting ES5 set up with our data to use this tool, and now I need to set it aside, because these charts aren't going to give us what we need. I'm happy to contribute if there's a task / PR somewhere for this! (I'm not seeing one).

i didn't realize that the legend is dynamically updated as you hover over time series data. that's an interesting approach - however it gets pretty hard to use when the series is split into many groups.

[hodiqual]

Hi,

A very sexy and nice feature should be to have a function as .label() which allows to create tooltip on each timeseries querying information.
For instance:

.es(index=logstach-*, q='affiliateData.website:xyz.com', metric='sum:commission').tooltip(metric=count).tooltip(q='TOP OF PRODUCT').tooltip(list of all commisionned website) ...

[fbaligand]

There is already a timelion function to customize label for each timeseries (or using a regex) in legend.
Up to me, tooltip function should only have a Boolean option to enable/disable it.

[okvittem]

• In a graph/histogram I would like to know the exact X value at the cursor line.
• For a histogram the range of the histogram bar would be nice to know so that I can judge the height accordingly ( i.e. count per 10 min or 20 ?). I prefer 'auto' interval to handle all scales with one visualization.
• I am also curious about the aggregated value for the whole selected interval - can of course be a separate metric visulisation.

[mehdichilla]

+1

[fotag]

+1

[alexandreMaif]

+1

[mustangxu]

vote

[newarroncoin]

+1

[oparedes]

+1

[nikhilsangvikar]

+1

[gbrian]

At what time did it happen?
Need to know the exact time where the cursor is placed

nop, can not change scale :(

[thomasneirynck]

From 6.1, Timelion now shows the readout of the value under the mouse in the legend ((https://github.com/elastic/kibana/pull/14627).

It's not quite a tooltip, but it satisfies the same use-case so I'll close this for that reason.

[fbaligand]

@thomasneirynck

As you can see on this screenshot, this new feature (6.1) does not solve this issue.
The timestamp displayed is not the "current point" timestamp (00:00 for point with count=936), but the cursor location timestamp (23:51), which is a useless information, compared to "current point" timestamp.

=> Could you reopen issue ?

[thomasneirynck]

thanks @fbaligand, makes sense, thanks for added info

[fbaligand]

Thanks for having reopened the issue !

[TheExorcista]

Hi @fbaligand @thomasneirynck in the timeline visualization, How did you get display the date and time? Up left "February 4th 2018: 23:51.." What version of kibana implements this?

[fbaligand]

In kibana 6.1.0

[fbaligand]

I didn’t do anything special, except move the mouse, so that mouse X position is at this position on x-axis (which represents time)

[TheExorcista]

It makes sense, I have a old Kibana version, I'll try to upgrade, thanks a lot !