Streaming live at 10am (PST)

Chart JS - custom tooltip


I would like to create my own custom tooltip in chart js. Now it looks like this:

I want it to look like this: YDt8G

I would like to add a large text with the date and the label under it. Additionally, I would like to add border bottom. Does anyone know how to do it ? Thanks!!!


Welcome to the community @monki!

I am not super familiar with Chart.js but they have some documentation on the tooltip element here that covers its global variables. If you need some more control, you can check out this section that covers custom tooltips, allowing you to create your own with HTML instead of using the oncanvas version.

That should get you started, but feel free to include your read-only link if you need help implementing it on your own project :v: