bumbeishvili / org-chart

Highly customizable org chart. Integrations available for Angular, React, Vue
https://stackblitz.com/edit/web-platform-o5t1ha
MIT License
928 stars 330 forks source link

Adding tooltips to display even a dynamic data on hover #338

Open krish-1698 opened 11 months ago

krish-1698 commented 11 months ago

Any idea of implementing tooltip to display some data on hovering. As I'm using icons blankly that need to show name on hovering them and there are lengthy dynamic data that are being loaded to the node , which needs to be limited with a maximum character length and add a ellipsis, so that everything could be shown in a tooltip Screenshot 2023-12-15 163734

bumbeishvili commented 11 months ago

You can use tippy and pass corresponding element in the nodeUpdate method.

In the nodeUpdate you can use this (which refers dom element of node), find your icon element , add it to tippy and that's it