Custom tooltip - A debouncing question

[martinAlt335]

Hi, first I'd like to thank the team working on carbon charts, very well built.

I've implemented a custom tooltip and it has an img tag inside the html. The problem with that is when I sweep my mouse across the chart for example, covering many data points, or on mobile zoom specific points, many requests go out trying to load these bunch of images.

I'd like to hear any proposed ideas I can take to achieve this goal of debouncing image loading inside the tooltip.

One idea I hastily just tried was adding a script tag, loading the image after a timeout. I tried testing this idea passing the html with a console log script tag into Angular's DomSanitizer prior to returning the html, tried various methods to allow unsafe, closest I got was the script tag actually shows up in the dom of the tooltip but the console log didn't execute. Hopefully it's an angular domsanitizer thing and with a bit more playing around, can get it to work.

I'm open to hearing any alternate ideas.