I am designing a line chart which displays a tooltip when the user hovers over the chart to show extra information. A working example of what I am currently using can be seen here.
I am interested in the patterns that should best be followed when interacting with the tooltip. Especially I am interested in following design choices:
- Should the user be able to hover with his mouse over the tooltip.
- The vertical position of the tooltip. Currently I use a fixed position in the top half of the chart.
- Should there be a mechanism to keep the tooltip visible after the user leaves the chart area with the mouse, for e.g. when the user still wants to see the data.
Any other interaction paradigms for this are also welcome.
A screenshot of the chart with tooltip: