Annotation tooltip position

[markov00]

Is your feature request related to a problem? Please describe.
The current implementation place the annotation tooltip, to the left or to the right of the annotation area (if it's a rectangle) or place it just in the middle for a line annotation.
With that approach, the tooltip can sometime overlap with the current tooltip, or be shown in some weird places

Describe the solution you'd like
I'd like to check if we can move that tooltip to a proper place.

Describe alternatives you've considered
Possible solutions:

• if a data tooltip is already shown, move the tooltip text inside that tooltip (on the header, on on a different row)
• if no data tooltip is shown, display the tooltip but not stocked with the annotation edge. maybe it's better to have it moving together with the mouse.
• avoid showing a real tooltip, and displaying the text somewhere else on the chart: on the title? just below, above the axis?

Additional context
The vislib chart incorporate that annotation inside the tooltip header:

TSVB just have line annotation with tooltip on the icon (we also allow use to add line annotation without icons)

Kibana Cross Issues
n/a

Checklist

• this request is checked against already exist requests
• every related Kibana issue is listed under Kibana Cross Issues list
• [ ] kibana cross issue tag is associated to the issue if any kibana cross issue is present`

[markov00]

cc @cchaos

[cchaos]

I think that the chart itself should take precedence. Only show the annotation's tooltip if the cursor is not also hovering over part of the chart.

[markov00]

@nickofthyme I'm resurrecting this enhancement: now that we have the popperjs is that something that can be handled by that library?

[nickofthyme]

Yes, you could change the anchor of the annotations tooltip. But I think this looks hideous and is prone for very wide tooltips. I think this should be handled in the tooltip redesign, to incorporate the annotation into the tooltip like visualize currently does. But do it in a better, more customizable way.