for a project we're using the Syncfusion's grid's and chart's to display data. When we click on a item on the Grid we fetch new data for the charts and call refresh to display the new data. Right now we are having an issue with Safari where the tooltip of the chart is having by default a transparent background and we don't know why this is happening.
We have one chart component for different charts which we set dynamically in updatechart. When new data comes the chartInput calls updateChart() which changes the model of the chartcomponent. In the attachment is a zip with screenshots of the tooltip.
I already tried the example of customizing the tooltip, which was not having any effect and my last attempt was to create a custom tooltip template but since only the x and y values can be used it is not really viable for our solution. The funny part is when we load a basic chart example like https://ej2.syncfusion.com/angular/demos/#/material/chart/column in our solution the tooltip appears normally. One thing i'd like also to mention is, that in a page there are normally two chart components both having the #chart from the chart component.
DDDharanidharan Dharmasivam Syncfusion Team January 10, 2019 11:22 AM UTC
Greetings from Syncfusion.
We have analyzed the reported scenario. We have created sample in which based on the filtered data from grid we have displayed the chart. And the reported issue is not replicated at our end with safari browser. Sample used for testing can be found from below link.
Since we are not aware on the exact scenario in which the issue is reproduced, kindly revert us with the following information. This will be much helpful in further analysis and provide you the solution sooner.
·Try to reproduce the reported issue with the attached sample
·Or provide your sample with replication steps.
·Do you have used <base rel='nofollow' href=”./”> tag in your application?
·Browser version details.
Note: In the provided sample, initially we have loaded empty chart and kindly change the data in grid using paging, so that based on the filtered data chart will be rendered.
PAPatrickJanuary 15, 2019 09:48 AM UTC
we were able to narrow down the error a bit. Right now the charts appear after login in with Okta Authorization. Before the login the tooltip appears normally, after the login and redirect the tooltip becomes transparent. Could it be that something like the style gets unloaded while redirecting ?
DDDharanidharan Dharmasivam Syncfusion Team January 17, 2019 10:26 AM UTC
We would like to let you know that, we haven’t used any styles for chart, we have provided support through APIs, so styles might not get unloaded. Also, is it possible to provide the hosted link with temporary credentials with replication steps, so that we can check the reported issue at our end and provide you the solution sooner.