Pinning the tooltip to the canvas

[tarockx]

Hello!
I have a requirement in my application where I want my users to be able to click on a point in the chart and have the chart's tooltip (that normally only appears when hovering the mouse) permanently "pinned" to the canvas and kept visible, like a sort of post-it note.

Here's an example of what I'm after, in case it wasn't clear from my description (sorry for the bad photoshop skills 😅):

I'm pretty certain this is not a feature that exists out-of-the-box (but correct me if I'm wrong, I'd really like to be!), so I wanted to know if anyone has any tips on how I should approach implementing it myself. Should I develop a plugin for this? Should I modify the ChartJS source directly instead? What would be the easiest approach and is there anything similar that has been implemented before?

Thanks in advance for any advice you can give, even general tips or ideas are welcome.

[Udemology]

This is very challenging. Did took the first step but still need some work on fine-tuning: https://youtu.be/iGx2nzFSShA

[tarockx]

Thanks for the video, even if not perfect it gives some good ideas to start with 👍

[Udemology]

This is part 2: https://youtu.be/hFWKPxzGo8g
So the yPosition of the tooltip is (almost) nicely aligned with the original tooltip.

This is part 3: https://youtu.be/n-H12o476iI
Making sure the xPosition of the left and right sides of the tooltip will not be clipped.