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

Tooltip Option Questions in Chart


Please understand my poor English

I have a question about the Tooltip option in Chart.

Exactly the question about the header of the Tooltip.

The value of the x-axis is shown together in the header.

      <====== Original

I want the line break of the x-axis value.

So, i changed x-axis value.

 - Old = yyyy-MM-dd HH:mm:ss

 - New  = [yyyy-MM-dd]<br>HH:mm:ss

However, the line break applies equally to the tooltip header.   This is very ugly.

Next, I tried to control the header value by creating a custom function, but failed.

Can you give me a good solution?

Also, I don't want the line break to be applied to the text of the crossshare.


Thank you

2 Replies

SB Swetha Babu Syncfusion Team December 21, 2022 11:15 AM UTC

Hi Jongkwang,

Greetings from Syncfusion.

We have considered the reported scenario as a bug and logged a defect report for the same. The fix for the reported scenario will be included in our weekly patch release which is expected to be rolled out on 3rd January 2023. Please find the below feedback link to keep track of the reported scenario.

Feedback link: https://www.syncfusion.com/feedback/39938/text-alignment-is-not-proper-in-header-of-the-tooltip-and-crosshair-tooltip-text

If you have any more specifications/precise replication procedure to be followed, please add it as a comment in the portal.



SB Swetha Babu Syncfusion Team January 6, 2023 03:27 AM UTC


Thank you for your patience.

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


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

Live Chat Icon For mobile
Up arrow icon