Circular Gauge: ERROR Error: Cannot read property 'style' of null

[Iliya]

Hello.

I get error when resizing the window.

ERROR TypeError: Cannot read property 'style' of null

    at Annotations.renderAnnotation (vendor.js:179643)

    at vendor.js:181277

    at Array.map ()

    at AxisLayoutPanel.renderAxes (vendor.js:181265)

    at CircularGaugeComponent.renderElements (vendor.js:183074)

    at CircularGaugeComponent.render (vendor.js:182481)

    at CircularGaugeComponent.appendTo (vendor.js:176291)

    at vendor.js:167964

    at ZoneDelegate.invokeTask (polyfills.js:621)

    at Object.onInvokeTask (vendor.js:73397)

A sample can be found in the link below:

https://stackblitz.com/edit/angular-aiyzmm?file=app.component.html

Screenshot: https://i.snipboard.io/yzfhP8.jpg

[Sabari Anand Senthamarai Kannan]

Hi Iliya, 

 

Thank you for contacting Syncfusion support. 

 

We are unable to reproduce the reported issue with the provided sample. However, we have reproduced the reported issue in another sample application and fixed the reported issue. We will include the fix for the reported issue in next weekly NuGet release. We will inform you once it is available. 

 

Regards, 

Sabari Anand

[Iliya]

Thanks a lot. :)

[Swetha Babu]

Hi Iliya,

Thank you for your update.

Most Welcome! We will get back to you once the fix is available in our weekly NuGet release.

Regards,
Swetha Babu

[Iliya]

I've updated to your latest package.
Now the annotation render error is gone, but annotation is still not visible until window resize.

Also on your sample at https://ej2.syncfusion.com/angular/demos/#/material/circular-gauge/annotation the annotations are changing their position and blinking on window resize.

[Swetha Babu]

Hi Iliya,

Thank you for your update.

 

Please find the details for your queries from the below table. 

  

Queries	Details
Now the annotation render error is gone, but annotation is still not visible until window resize.	We are unable to reproduce the reported issue in our Circular gauge control. Can you please provide us the code snippet or share us the application to reproduce the reported issue?
Also on your sample at https://ej2.syncfusion.com/angular/demos/#/material/circular-gauge/annotation the annotations are changing their position and blinking on window resize.	In this sample, we have rendered two circular gauges as annotations. These circular gauges will be removed and appended dynamically in the setInterval() method. So the blinking effect is visible and the annotation text content position changes. We have checked this issue in the older versions of the circular gauge before the script error reproduced version. This blinking effect is visible in the older versions too. Please provide us the sample or code snippet in which you are facing the issues in query 1. It will be helpful for us to analyze further and assist you better.

  

Please let us know if you need any further assistance.

Regards,
Swetha Babu