How to handle labels in x-axis in ellipsis format

[Srishti-wmp]

Hi, I want to show all the labels on x-axis in ellipsis format and onhovering the labels tooltip should show the actual context.

To achieve this, I tried two approaches:

1. The build-in property trim. By using this property I achieved the ellipsis property on labels but some of the labels skips from the UI because of their large length.

2. I use the formatter in labels but it also affects the tooltip on x-axis labels
   The formatter code I used:
   formatter: function(value) {
   const maxLength = 10;
   if (value && value.length > maxLength) {
   return value.substring(0, maxLength) + "...";
   }
   return value;
   },

I need to show all the labels in continuity and the tooltip should show actual context of the labels. Can anyone please help me to achieve this.