TSVB should have an option to allow switching the tooltip mode

[timroes]

It would be nice if we have a toggle (under Panel options > Style) to switch in TSVB whether the tooltip should show all values on hovering or only the focused one (this mode already exists in Elastic Charts).

That way we can prevent users with a high series in their charts to have too large tooltips if they prefer to only see the highlighted value.

cc @markov00

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[markov00]

Changing this line

kibana/src/legacy/core_plugins/vis_type_timeseries/public/visualizations/views/timeseries/index.js

Line 120 in b6101f0

type: TooltipType.VerticalCursor,

to

type: TooltipType.Follow,

will change the behaviour of showing the tooltip with all the series on that specific x value with only showing the value on a single data point.
Please double check if everything works again with multiple TSVB charts on the same dashboard (the cursor should continue to being synchronised)

[ddelliosRJ]

Hi, I am facing the same issue in Kibana 7.7 and the hack from mr markoov does not seem to work when I inject it manually in my installed index.js file. Is there something I am missing?

[markov00]

Hi, I am facing the same issue in Kibana 7.7 and the hack from mr markoov does not seem to work when I inject it manually in my installed index.js file. Is there something I am missing?

Hi @ddelliosRJ I've tested locally and should work. There can be an issue if you are moving your mouse in a zone where multiple datapoints are overlapping each other (like in the case where your data points are all on the same X coordinate and their Y values are very close to each other). In this case, the tooltip will show all the series names.

We can think of an enhancement where the tooltip will show a sort of aggregate when multiple series shares the same X and Y values, something like: