After updating to 18.2.44 - datalabels for one value is missing

[Amos]

Hi

It worked ok with 18.1.59 and right after upgrading to 18.2.44 the problem appears.

It's just a guess but when there are 2+ values, the datalabels appear as they should. If there's one value (the other vlaue is 0), the datalabel in missing.

In 18.1.59 it appeared for all 3 pies. The code is similar for all 3:

<e-accumulation-series :dataLabel="incomeDataLabel" :dataSource="series" type="Pie" xName="x" yName="y" />

incomeDataLabel: { visible: true, position: "Outside", name: "text", font: { color: "black" }, connectorStyle: { length: "5%", type: "Curve" } },

:enableSmartLabels="false" (true didn't work either)

[Baby Palanidurai]

Hi Amos, 

Greetings from Syncfusion. 

We have checked the reported scenario at our end. Unfortunately, we are unable to reproduce it our end. Data label working fine for single points.  

Sample used for testing, 

https://www.syncfusion.com/downloads/support/directtrac/general/ze/piechart609629057 

Screenshot: 

 

Since, we are not aware which is replicate the issue. Kindly modify the above sample or provide your sample with replication steps which will be helpful in furthermore analysis and provide your solution sooner. 

Regards, 

Baby. 

[Amos]

Please do the following with the series of the chart, see marked line below

                        this.theSeries.push({

                            x: "field1",

                         y: 0/1, <<<<<<<<

                            text: 999,

                        });

                        this.theSeries.push({

                            x: "field2",

                            y: 100,

                            text: 100,

                        });

now if field1 -> y is 0 - you won't see a datalabel

if you put anything else than 0 - you will see the datalabel.

<e-accumulation-series :dataLabel="incomeDataLabel" :dataSource="weekSeries" type="Pie" xName="x" yName="y" />

incomeDataLabel: { visible: true, position: "Outside", name: "text", font: { color: "black" }, connectorStyle: { length: "5%", type: "Curve" } },

This started to happen after upgrading to 18.2.44, same code exactly worked with 18.1.59.

[Srihari Muthukaruppan]

Hi Amos,  

  

Sorry for the inconvenience. 

  

We have analyzed your query. We were able to reproduce the issue in your version and we confirm this as a bug and logged a defect report. You can keep track of the bug from the feedback portal below.  

  

Feedback Link: https://www.syncfusion.com/feedback/16081/in-pie-chart-datalabel-is-not-rendered-for-values-with-0 

  

The fix will be available in our upcoming weekly patch release which is scheduled to be rolled out on or before July 21st, 2020. 

  

If you have any more specification/precise replication procedure or a scenario to be tested, you can add it as a comment in the portal.  

  

Thanks,  

Srihari. 

[Amos]

Thank you very much!

[Durga Gopalakrishnan]

Hi Amos, 

 

  As stated early, we will fix the issue for the upcoming patch release and let you know, once published. 

 

Regards, 

Gowri 

[Srihari Muthukaruppan]

Hi Amos, 

  

Thanks for being patience. 

  

We are glad to announce that our v18.2.46  patch release is rolled out, we have added the fix for the reported issue and is available for download under the following link.  

 

Npm Packages: https://www.npmjs.com/~syncfusionorg 

 

Sample: https://stackblitz.com/edit/fuxxdc-egkzyt?file=index.ts 

 

We appreciate your patience in waiting for this release. Let us know if you need further assistance.  

  

Regards,  

Srihari M 

[Amos]

I'm sorry but not good. I pushed 2 values "0" and "9.75".

0 is shown while 9.75 isn't, as you can see in the following image

If anything, I'd expect to see 9.75 and not the zero.

If both values are 0, the pie is not drawn (ok) and I see one $0 as label.

Because of previous experience with differences between your demo and my project, I emphasize that I push the data after getting it from the server. It's not there from the start. Also, your demo is not in Vue.JS. If you don't manage to reproduce what I described above, please make a vuejs demo and I will try to play with it.

                        this.weekSeries = [];

                        this.weekSeries.push({

                            x: "Received",

                            y: 0,

                            text: "$0.00",

                        });

                        this.weekSeries.push({

                            x: "Remain",

                            y: 9.75,

                            text: "$9.75",

                        });

[Srihari Muthukaruppan]

Hi Amos, 

  

We have analyzed your query. From that, we would like to let you know that the chart is working fine while adding data dynamically too in the latest version (18.2.46). 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 sample, and screenshot.  

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AccumulationDataLabel-2445845.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.   

   

• Try to reproduce the reported scenario in the above sample

  

• Share the details if you have done any other customization in your sample.

  

Regards, 

Srihari M 

[Amos]

Once again I'm lost... All I could find is the following

1 value:

See the arrow near series_0_g_1 ?

It's because the push is in the following order

                        this.weekSeries.push({

                            x: "Received",

                            y: 9.75,

                            text: "9.75",

                        });

                        this.weekSeries.push({

                            x: "Remain",

                            y: 0,

                            text: "1",

                        });

If the push order is the opposite (first 0 and then 9.75), then there is only series_0_g_0

Obviously when there are 2 values, it looks like this, meaning, both series_0_g_0 and series_0_g_1 appear

So the question is: what can cause series_0_g_X not to appear?

btw, I deleted package.lock.json file and @syncfusion folder and ran npm install again.

Also, the chart has a dedicated id property.

[Srihari Muthukaruppan]

Hi Amos,

We have analyzed your query. From that, we would like to let you know that the chart is working fine in the provided scenario too in the latest version (18.2.46). 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 sample, and screenshot.  

  

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/pie-1616672397.zip

Code Snippet:  

// add your additional code here 

   

methods:{

  meanCheck: function(args) {

   

       this.data.push({

                            x: "Received",

                            y: 9.75,

                            text: "$0.00",

                        });

                        this.data.push({

                            x: "Remain",

                            y: 0,

                            text: "$9.75",

                        });

    },

  },

// add your additional code here 

 

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.   

   

• Try to reproduce the reported scenario in the above sample

  

• Share the chart package version installed in your sample.

  

Regards, 

Srihari M