tooltip cut off in chart

[guy nagar]

Hi.

My charts height are 220 px, my tooltip is composed of 3 rows. It is getting cut out, how can i fix it?

[Srihari Muthukaruppan]

Hi guy, 

 

We have analysed your query. From that we would like to let you know that we can achieve your requirement by setting position property in tooltip as Auto. We have also prepared a sample for your reference. Please find the sample, code snippet and screenshot below. 

 

Sample: https://stackblitz.com/edit/angular-g6ouui?file=app.component.html 

 

Screenshot: 

 

Let us know if you have any concerns. 

 

Regards, 

Srihari M 

[guy nagar]

Hi guy, 

 

We have analysed your query. From that we would like to let you know that we can achieve your requirement by setting position property in tooltip as Auto. We have also prepared a sample for your reference. Please find the sample, code snippet and screenshot below. 

 

Sample: https://stackblitz.com/edit/angular-g6ouui?file=app.component.html 

 

Screenshot: 

 

Let us know if you have any concerns. 

 

Regards, 

Srihari M 

Hi, i tried it and it didn't help, the problem is the same.

Maybe i wasn't clear enough, let me explain. My chart is wrapped into a component that it's total height is 220px. because of that, the tooltip is getting cut off

but, if i change the container component height to 350px than the tooltip will show properly. I'm using syncfusion version 18.3.35

Are there other solutions?

 

[Srihari Muthukaruppan]

Hi Guy, 

 

We have analysed your query. From that we would like to let you know that the reported scenario occurs due to the usage of older version. Hence we suggest you to upgrade the angular version to latest 18.3.51 to overcome the reported scenario. Based on your requirement we have set the chart height as 220 px and tooltip contains three rows in the provided sample as requested. And the chart renders fine. 

 

Sample: https://stackblitz.com/edit/angular-g6ouui-d29dh5?file=app.component.html 

 

Screenshot: 

 

 

If you still face this issue try to reproduce the reported scenario in the provided sample for further analysis and provide you solution sooner. 

 

Regards, 

Srihari M