You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
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.
Beta Was this translation helpful? Give feedback.
All reactions