We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Chart Tooltip Out of Bounds

Good day,

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

4 Replies 1 reply marked as answer

DG Durga Gopalakrishnan Syncfusion Team December 9, 2022 02:42 PM UTC

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.


Durga Gopalakrishnan.

GF Germie Fernandez December 13, 2022 03:04 PM UTC

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?

DG Durga Gopalakrishnan Syncfusion Team December 14, 2022 12:58 PM UTC


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 27th 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.

SB Swetha Babu Syncfusion Team December 29, 2022 08:50 AM UTC


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.


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.

Marked as answer
Live Chat Icon For mobile
Up arrow icon