Label hover function in highchart

Question

I am using highchart.js file for rendering chart in my application. I want to show customize label for Bar chart.

My requirements are if my label name has long text like "My Label Text Long", It should show name label like (My Label...) in front of bar chart. On mouse over to label name, it should show me a full label name in small tooltip. I consulted Highchart documentation but did not find any solution for it.

Answer 1

Slice down the value. As you are getting values in .ja file. Slice those values before displaying.

this.value.slice(0,21) +"...";