Tooltip for Labels/Title

[beowulf29a]

Expected Behavior

Tooltips for title/label

Current Behavior

event/callback not utilized as expected

Possible Solution

raise events for when user hovers over title/labels

Steps to Reproduce (for bugs)

1. Create bar chart
2. Hover label/title

Context

I have some long strings for the title/label and want to truncate them. I wrote some special code to handle showing the long vs. truncated text. However, I wanted to know if this functionality is already available (a 'max length/width' for text)?

I am not certain whether there is a flag I am missing, but the callback/tooltip render seems to indicate an event is fired when hovering over these elements. However, I don't know whether my assumption is correct, or, hover events are fired for title/labels (in which case I can modify the library directly :))

Environment

• Chart.js version: 2.2.1+
• Browser name and version: Chrome
• Link to your project:

[etimberg]

@beowulf29a I don't believe there are any options relating to long vs truncated text. Which callback are you using?

[souhaiebtar]

@beowulf29a what custom code have you used to truncate labels ?

[beowulf29a]

@souhaiebtar i overwrote the tooltip/label callbacks:
https://www.chartjs.org/docs/latest/configuration/tooltip.html#tooltip-callbacks
https://www.chartjs.org/docs/latest/configuration/tooltip.html#label-callback

[beowulf29a]

Oh! And @souhaiebtar I had wanted it for the axis labels, but I ended up having to write my own methods to truncate them :(