Chart tooltips incompatibility with bootstrap 3

Question

I've modified the tooltip using the initialization event, adding some basic html formatting to the content, but now, the tooltip is displayed far away from the point. If I remove the bootstrap CSS it works fine.

Here is the playground:

http://jsplayground.syncfusion.com/qsbiaokm

Additionally, I've discovered that if the crosshair is enabled, the tooltips are not shown at all.

Saravana Kumar Kanagavel · Answer

Hi Marco, 
 
Thanks for contacting Syncfusion Support. 
 
We have analyzed your query and able to reproduce the reported issue. So we have logged bug report on “Tooltip doesn't rendering properly when customize tooltip text” for this . And also you can overcome this issue by using the template property in tooltip. 
 
To know more details about tooltip and template , please find the below link  
 
UG Link : https://help.syncfusion.com/js/chart/user-interactions#tooltip 
 
Please find the below online link for tooltip template 
 
Demo Link : http://js.syncfusion.com/demos/web/#!/bootstrap/chart/chartcustomization/tooltiptemplate 
 
And we have modified the sample for your reference and attached in the below location. 
 
Sample Link : http://jsplayground.syncfusion.com/x0t4gyiv 
 
We have created an incident under your account, we request you to follow up for further assistance. 
 
https://www.syncfusion.com/account/login 
 
Please let us know if you have any other assistance on this. 
 
Regards, 
Saravana Kumar K.