Bug in mouse hover on Pivot Chart in 19.2

[Ditchford]

Hello

I have a published app (Azure). The app is running 19.1.0.66.

I am trying to upgrade to 19.2 (latest version) and I am hitting a very strange bug.  This only seems to occur when I publish this app to Azure. It does not occur on the dev machine.  Currently I am therefore unable to provide you with a sample.  I am hoping that if I provide sufficient detail then you might be able to assist:

In 19.1.0.66 if I go to the Pivot table > Pivot Chart, then I see this (note the functioning hover tooltip)

In 19.2 I get the following. Note that the bars are formatted differently and the chart becomes unresponsive (no console errors at this stage). When I hover the mouse over a column then the console error below occurs:

I am hoping you might be able to offer some insight into what the problem might be.

Thanks

[Ditchford]

Hello

I have managed to create a sample that demonstrates the problem.  You will need to publish to azure to see the problem.  To reproduce:

• On dev machine run application
• Go to "Pivot Chart Error" on Menu and wait for pivot table to load
• Select pivot chart (type column)
• Chart loads as expected (green wide columns) and mouse hover over a column shows tooltip
• Publish to Azure and repeat steps above. Note that the columns render thinner and black and that if you hover over a column then the console error is thrown.

Thanks

Attachment: SyncfusionTroubleshoot_2e785dbc.zip

[Manikandan Murugesan]

Hi Richard, 

 

We can be able to reproduce the problem and we are analyzing the problem at our end. We will update further details within two business days (August 13, 2021). 

 

Regards, 

Manikandan 

[Manikandan Murugesan]

Hi Richard, 

 

We have analyzed your sample and suspect this issue occurs due to the component not refreshed properly in “EnginePopulated” event. Kindly refer to the following code example. 

 

Code Example: 

 

  public async void PivotViewEnginePopulating(EnginePopulatingEventArgs args) 

  { 

            await FieldList.UpdateAsync(PivotView); 

  } 

 

  public async void FieldListEnginePopulated(EnginePopulatedEventArgs args) 

  { 

            await FieldList.UpdateViewAsync(PivotView); 

  } 

 

Meanwhile, we have modified your sample. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/167989/ze/SyncfusionTroubleshoot956453126 

 

Hosted Link: https://blazor-pivottable.azurewebsites.net/ 

 

 

If still the problem exists, then kindly share us more details about the same with screenshots/video (if possible) which would be helpful for us to proceed further. 

 

Regards, 

Manikandan 

[Ditchford]

Hey Manikandan

Great, that works...thanks

[Manikandan Murugesan]

Hi Richard, 

 

Please let us know if you have any other queries. We are always happy to assist you.  

   

Regards,  

Manikandan 

[Ditchford]

Hello

Unfortunately this is still an intermittent problem for me. If I include your fix (as in your sample above) and then publish this to Azure then if I run the test say 10 times then at least one in 10 times I get the black thin columns and the subsequent error on hover.

Make sure you start a new circuit/connection (F5) before starting each of the 10 tests. 

Can you please have another look for me?

Many thanks

[Sastha Prathap Selvamoorthy]

Hi Richard,  

  

We are analyzing the reported problem at our end. We will update further details within two business days (September 14, 2021).  

  

Regards,  

Sastha Prathap S 

[Manikandan Murugesan]

Hi Richard, 

 

We can be able to reproduce the problem and we are analyzing the problem at our end. We will update further details within two  business days (September 16, 2021). 

 

We appreciate your patience until then. 

 

Regards, 

Manikandan 

[Manikandan Murugesan]

Hi Richard, 

 

We have analyzed the reported issue and it occurred due to the “FieldList.UpdateAsync” method called inside the pivotview “EnginePopulating” event. Kindly resolve the reported problem by calling “FieldList.UpdateAsync” in pivotview “EnginePopulated” event. Also, kindly modify the spinner state in the “EnginePopulated” event instead of “Created” event. Please refer to the following code example. 

 

Code Example: 

 

        public async void PivotViewEnginePopulated(EnginePopulatedEventArgs args) 

        { 

            await FieldList.UpdateAsync(PivotView); 

            ShowSpinner = false; 

            StateHasChanged(); 

        } 

 

        public async void FieldListEnginePopulated(EnginePopulatedEventArgs args) 

        { 

            await FieldList.UpdateViewAsync(PivotView); 

            ShowSpinner = false; 

            StateHasChanged(); 

        } 

 

Meanwhile, we have modified the sample for your reference. Please find it from below link. 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/167989/ze/SyncfusionTroubleshoot-106109397 

 

If still the problem exists, then kindly share us more details about the same with screenshots/video (if possible) which would be helpful for us to proceed further. 

 

Regards, 

Manikandan