Chart is not able to handle null values

[Ryan]

Hello,

         I've used syncfusion angular charts in my project. I've inserted null values at some places however it sometimes works and sometimes doesn't work. I've attached a video of how it looks when there are null values. Please check

Attachment: bug_b7cf6b.zip

[Srihari Muthukaruppan]

Hi Ryan, 

 

We have analysed your query. From that, we suspect the reported scenario might occurs since emptyPointSettings is not used properly. Hence we suggest you to set the mode property of emptyPointSettings as “Gap” to overcome the reported scenario. Based on that we have prepared a sample for your reference. In which we have also provided types of empty points mode available in a dropdown list. Please find the sample, code snippet and screenshot.   

     

Sample: https://stackblitz.com/edit/angular-19padu?file=app.component.ts 

  

Code Snippet:  

// add your additional code here  

<ejs-chart style="display:block;" [primaryXAxis]="primaryXAxis">  

      <e-series-collection> 

        <e-series 

          [dataSource]="data" 

          type="Line" 

          xName="x" 

          yName="y" 

          name="Profit" 

          width="2" 

          [emptyPointSettings]="emptyPointSettings" > 

        </e-series> 

      </e-series-collection> 

    </ejs-chart>  

// add your additional code here  

 

public emptyPointSettings: Object = { 

    mode: "Gap" 

  }; 

   

Screenshot:    

   

  

If you still face this issue. kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.      

1. Please share the package version and angular version used in the sample.
2. Try to reproduce the reported scenario in the above sample

Regards, 

Srihari M 

[Ryan]

Hello,

       I tried using your fix but it didn't work out for me. I use angular 9.1.2 and ej2-angular-charts version 18.3.48. I would be happy to demonstrate the bug to you over a meeting if you guys have time.

Thank you,

Ryan D'Mello

[Srihari Muthukaruppan]

Hi Ryan, 

 

We have analysed your query. From that, we would like to let you know that the emptypointSettings mode in chart is working fine in the latest version 18.3.48 and angular 9.1.2. Unfortunately, we are unable to reproduce the reported scenario. We have also attached the sample used for testing for your reference. Please find the below screenshot, and sample.   

   

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/EmptyPoint-1629638092.zip 

   

Screenshot:    

 

 

If you still face this issue. kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.        

1. Try to reproduce the reported scenario in the above sample  

Regards,   

Srihari M

[Ryan]

Hello,

        I've reproduced the bug in the attached zip file. I've changed the primaryXAxis 'valueType' to DateTime as I have x-axis labels in the form of time. I've also changed the data to series of 3. The data with B doesn't break on null values. If you change the valueType to 'Category' it works. But I wan't to use DateTime according to my requirements. Is this some kind of bug or am I doing something in the wrong way?

Thanks and Regards,

Ryan D'Mello

Attachment: syncfusion_409ce0cc.zip

[Srihari Muthukaruppan]

Hi Ryan, 

 

Sorry for the inconvenience.  

     

We have analyzed your query. From that we would like to let you know that we have already considered this scenario as a bug and logged a bug request on this and you can keep track of it from the below feedback portal link.    

       

Feedback: https://www.syncfusion.com/feedback/21337/empty-points-mode-are-not-working-fine-for-datetime 

 

This fix will be available in our weekly patch release which is scheduled to be rolled out on or before 2 February 2021. We appreciate your patience until then.    

     

Regards,    

Srihari 

[Ryan]

Thank you, I'll be waiting

[Srihari Muthukaruppan]

Hi Ryan, 

 

Thanks for the update. 

 

We will update the status once the patch release is rolled out. 

 

Regards, 

Srihari M 

[Srihari Muthukaruppan]

Hi Ryan,    

    

Sorry for the inconvenience.    

     

Due to some technical difficulties, we couldn't include this in our current patch release. We will include the fix in our upcoming patch release which is expected to be rolled out on or before February 16, 2021. We appreciate your patience until then.    

     

Regards,    

Srihari   

[Ryan]

Thank you, I'll be waiting.

[Srihari Muthukaruppan]

Hi Ryan,  

  

We will update the status once the patch release is rolled out. We appreciate your patience until then 

  

Regards,  

Srihari M  

[Srihari Muthukaruppan]

Hi Ryan, 

 

Sorry for the inconvenience caused. 

 

We have validated the reported scenario. From that, we would like to let you know that empty point settings is working fine for dateTime axis. And the reported scenario seems to occur visually since the category axis displays only the values provided in the datasource. Whereas in the dateTime axis interval has been calculated based on the dataset provided. We have also attached the sample used for testing the reported scenario of empty points mode for your reference. Please find the sample and screenshot below. 

 

Sample: https://stackblitz.com/edit/angular-3yf9qx?file=app.component.html 

 

Screenshot: 

 

 

Let us know if you have any concerns. 

 

Regards, 

Srihari M