Tooltip Option Questions in Chart

[Jongkwang Park]

Hi.

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

[Swetha Babu]

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 3^rd 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.

Regards,

Swetha

[Swetha Babu]

Jongkwang,

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.

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

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.