Chart Tooltip Out of Bounds

[Germie Fernandez]

Good day,

What should be done to fix the chart tooltip being cutoff when its parent has a small width?

[Durga Gopalakrishnan]

Hi Germie,

Greetings from Syncfusion.

By default, tooltip will be displayed on right side and when there is no space on right side or when tooltip exceeds the chart area bounds then it will be displayed on left side. It is an actual behavior.

We have ensured your reported scenario with attached screenshot. Chart series tooltip is displayed properly without cropping. We have attached the tested sample and screenshot for your reference.

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartTooltip2121246543.zip

If you are still facing problem, please try to replicate an issue in above sample or share us issue reproduced sample to validate this case further from our end. Please revert us if you have any concerns.

Regards,

Durga Gopalakrishnan.

[Germie Fernandez]

Hi Durga,

Thank you for the response, as for my scenario. I am rendering the chart on a container in a small container in the sidebar (see sc below). I know that it is being rendered by the library, but is there like a way I can fix this on my end?

[Durga Gopalakrishnan]

Germie,

We have considered your reported scenario as bug and logged a defect report for this issue. This fix will be available in our weekly patch release which is scheduled to be rolled out on 27^th December 2022. We appreciate your patience until then. You can keep track of the bug from the below feedback link.

Feedback Link :  https://www.syncfusion.com/feedback/39775/tooltip-is-cropped-when-displayed-outside-chartarea

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.

[Swetha Babu]

Germie,

Thank you for your patience.

We have included the fix for the reported scenario in our weekly patch release(v20.4.40). You can download the latest package from the below link.

https://www.npmjs.com/~syncfusionorg

You can upgrade the ej2-vue-charts package to the latest version to resolve the reported scenario. Please get back to us if you need further assistance.