Console errors after upgrading from 18.2.X to 18.3.X

Question

Hi, after upgrading from 18.2.X to 18.3.X I get console errors on most of my Charts used from Syncfusion package. Errors usually appear on hovers when the tooltips are enabled, but some appears even after rendering the Chart.
Here are some of examples:
On chart hover (tooltip enabled), or just when rendering the chart:

Newtonsoft.Json.JsonSerializationException: Error converting value {null} to type 'System.Double'

Newtonsoft.Json.JsonSerializationException: Error converting value "{"size":"13px","fontWeight":"Normal","color":null,"fontStyle":"Normal","fontFamily":"Segoe UI"}" to type 'Syncfusion.Blazor.Charts.ChartLegendTextStyle'

Error: <path> attribute d: Expected number, "….22058823529412 NaN 191.54411764…".

Uncaught TypeError: Cannot read property 'length' of undefined

I haven't found any breaking changes between these versions in Release Notes, nor have I changed any code, my question is if I am missing some critical change in my code when switching between 18.2 and 18.3 version.

Thanks for your answear.

Lukas V.

Durga Gopalakrishnan · Answer

Hi Lukas, 
 
We have prepared simple chart sample with series type as column, x axis as category type, y axis as numeric type, tooltip, text style for legend. We are unable to reproduce the reported console error and chart not rendering issue from our end. We have attached sample for your reference. 
 
  
 
https://www.syncfusion.com/downloads/support/directtrac/general/ze/Chart1045449781.zip 
 
Since we are unaware of your exact scenario in which an issue is reproduced, please share the following information which will be more helpful for further analysis and provide you the solution sooner. 

Try to reproduce the reported scenario in above sample. 
Please share your sample (or) code snippet with full configurations. 
Share the details if you have done any other customization in your sample. 
Share your data source file.
Share your preview template version.
 
Kindly revert us, if you have any concerns. 
 
Regards, 
Durga G

lukas · Answer

Hi Durga,I tried to reproduce the problem in project provided by you but I wasn't able to. Maybe this will help.My Chart components are wrapped in IsInitialized block. Data is loaded by async command.At the end of command { IsInitialized = true; InvokeAsync(StateHasChanged); }At this point no error was thrown yet, however when I hover over the Chart error from (log.txt) is thrown. Only that one time, after first page visit and first Chart hover.This error is not thrown if I bind my collection to some static data set in property. Like in your example project.This error however is one of many, 70% of my charts throw various errors (after the update) I include those in (more_logs.txt), that I am not able to reproduce in your solution. I was thinking this issue might be caused by the nuget packages installed, or the framework version, so I also include those(project_properties.txt).Chart code from (chart_code_throwing_code_from_log.txt) includes code of a chart throwing (log.txt) exception.Error is not thrown if I remove code block from my Chart or block.One customization that I made is a timeline control for some charts that Sets maximum or minimum of a X axis but I tried deleting the maximum and minimum binding which made no difference.So far the upgrade 18.2.X to 18.3.X brings me some huge trouble (Charts only).Files can be found in files_ec897ac2.7zif you need some additional information please let me know, since i am unable to reproduce this issue in other directory.Thanks for your answear.Lukas V.Attachment: files_ec897ac2.7z

Durga Gopalakrishnan · Answer

Hi Lukas, 
 
We have prepared sample with attached code snippet and ensured the specified scenarios. We were able to reproduce an issue mentioned in log.txt file while hovering the chart point, we are checking on this, but we unable to reproduce an issue mentioned in more_logs.txt file. Are you facing any issue in chart not rendering? We have attached tested sample for your reference. We have also assigned data for chart using OnInitializedAsync method. Are you accessing data from any external file or performing any live update on chart data? Please mention these details. 
 
  
 
https://www.syncfusion.com/downloads/support/directtrac/general/ze/LatestVersionChart-801658151.zip 
 
Kindly revert us, if you have any concerns. 
 
Regards, 
Durga G

David Ogle · Answer

We also receive the "Uncaught TypeError: Cannot read property 'length' of undefined (at t.createTooltip (chart-02f9b7.min.js:1))..." error when hovering over a chart that is still rendering.If you wait until the chart is fully rendered then hover over the chart the tooltip displays as expected.

Durga Gopalakrishnan · Answer

Hi David, 
 
We have ensured the reported scenario in already shared sample, unfortunately, we are unable to reproduce tooltip issue from our end. If possible can you please provide an issue reproducing sample to check an issue?  Kindly ensure once again in your sample by clearing the nugget caches or please check with new sample by installing the latest nugget packages.   
 
https://www.syncfusion.com/blogs/post/how-to-use-nuget-packages.aspx 
 
If you are still facing problem please revert us. 
 
Regards, 
Durga G

lukas · Answer

Hi Durga,I have reproduced the exact same problem I am facing in my application. I copied most of the code and added an example data for graph rendering. Project included in attached files of course.My application is accessing external web service to retrieve chart data with kind of similar way as you will see in attached example. However I load this data in parent component, when loading is finished, Chart component is displayed.I am currently facing one more error problem, which I will try to reproduce in near future and will refer to this Thread again.I hope this project will help you solve the issue, or guide me to a correct solution, that doesn't throw errors.Note: This solution includes 'length' of undefined problem, and on top of that, very weird style error I mentioned before.Thanks for your answear.Lukas V.Attachment: LatestVersionChartReproduced_b7865b16.7z

lukas · Answer

Hi again,Today I spared some time to get back to the other error issue, all reproduced in attached project.Short description. Parent component that loads data, when finished component with chart is rendered. Everything else is shown in attached project.Thanks for your answear.Lukas V.Attachment: syncfusionreproduce2_a4acd377.7z

Durga Gopalakrishnan · Answer

Hi Lukas,

 

An attached sample project is not loaded, so we are including
the code snippet changes in our sample. We will ensure and update the status
within two business days(20th November, 2020). We appreciate your
patience until then.

 

Regards,

Durga G

Durga Gopalakrishnan · Answer

Hi Lukas, 
 
Please confirm whether you are facing the below console error only? If you are facing any other issues along with this, kindly revert us, so that we will log defect report based on your confirmation and proceed to work on this. 
 
  
 
Regards, 
Durga G

lukas · Answer

Hi durga,only this one, along with some mentioned before in this thread.

Durga Gopalakrishnan · Answer

Hi David,

The previous reported issues are
1. Newtonsoft.Json.JsonSerializationException: Error converting value {null} to type 'System.Double'  - able to reproduce
2. Newtonsoft.Json.JsonSerializationException: Error converting value "{"size":"13px"} - Unable to reproduce.
3.Uncaught TypeError: Cannot read property 'length' of undefined (at t.createTooltip (chart-02f9b7.min.js:1)) - able to reproduce
4. Error: <path> attribute d: Expected number, "….22058823529412 NaN 191.54411764…" - able to reproduce.

Among above mentioned issues, we are unable to replicate 2nd issue, other than this, we can consider other issues. Please confirm on this.

Regards,
Durga G