Thanks for the question!
You're right, not everything may work perfectly as the tooltip was created to add a small piece of additional information about the point/series and not a lot of data with buttons and custom functionality.
---
1. I'm not sure if you're aware of it, but your tooltip was not rendered as HTML, but as SVG. The name of the property is
useHTML, not
useHtml (
https://api.highcharts.com/highcharts/tooltip.useHTML).
Here's an updated
demo where you can see how the tooltip looks like when it's rendered as HTML:
https://jsfiddle.net/BlackLabel/gxuv8ab3/
I did not encounter any performance issues here.
---
2. If you need the tooltip to stay open for only a certain period of time you can tap into the
tooltip.refresh event with Highcharts events.
When the tooltip shows, you'll hide it with a certain delay through this method:
tooltip.hide(delay) (
https://api.highcharts.com/class-refere ... oltip#hide)
Here's a
demo: https://jsfiddle.net/BlackLabel/56pk03wu/
---
3. I'm not aware of any properties you could add to the config that would allow you to close the tooltip immediately after reaching a certain distance.
You could try using the
mousemove event to track where the mouse is and do hide the tooltip with no delay when a certain distance is reached.
---
Let me know if that helps.
Kind regards!