User interaction

Question

Hi,I have just started to learn using the Charts component but I did run in some errors I cannot sort out.Probably because I'm beginner in the topic.1/ I have started with the example on https://blazor.syncfusion.com/demos/chart/selection?theme=bootstrap4 I noticed that this example is only working on wide screens when the properties menu is on the right side of the chart. When the display window is reduced so that the properties menu is displayed below the chart it is not possible to select or highlight series. Is that normal? I checked in Firefox and Chrome with the same outcome.2/ I copied the example in a razor page in a test project in VS Community. There I have the following errors:What is missing in the project to get rid of these errors?Thank you

Swetha Babu · Answer

Hi Bertrand,

Greetings from Syncfusion.

Query 1: I have started with the example. When the property menu is displayed below the chart, the selection and highlight is not possible.

When we validated the reported scenario using the code from the provided link, we are unable to reproduce the reported scenario. Please ensure that you have selected the enable Selection check box before selecting the series. However, we have created the simple blazor application to demonstrate the same and it can be downloaded from the below link.

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartSample2063545900

Query 2: What is missing in the project to get rid of these errors?

We do not need to add those lines for the individual project. Only thing we need to add is the Blazor packages. Please find the below code snippet for your reference.

Code Snippet:

@using Syncfusion.Blazor

@using Syncfusion.Blazor.Charts

@using Syncfusion.Blazor.Buttons

@using Syncfusion.Blazor.DropDowns

@using Syncfusion.Blazor.Inputs

….

……

…….

</SfChart>

Please let us know if the above sample meets your requirement. If not, please modify the same to reproduce the reported scenario which will be helpful for us to analyze further and assist you better.

Kindly revert us if you have any concerns.

Regards,

Swetha

Sarasilmiya Shahul Hameed · Answer

Dear Swetha, 
  
Thank you for your support. 
  
Query 1: 
I checked again with Chrome and found the following. 
There is no “Enable Selection Check bow” in the Properties items displayed 
Here are the scenarios 
1/ With a window width large enough to display Properties on the side, it is working 
 
2/ With a window width small enough to display Properties below the chart it is also working 
 
3/ For a window width between the 2 previous examples, when Properties is written to the right of the chart, but the Properties items are below the chart the selection is not working. 
 
4/ Your example is not working. It runs, but I cannot select plots on the chart 
 
  
Query 2: 
I did exactly what you say. I removed the unnecessary lines. 
In this case I get exactly the same behavior as in the example you sent me, see topic above. 
It runs but I cannot select a plot. 
  
For your information, I’m using VS2022 Preview and .net6. 
I have also installed .net5 to check your example which was not working with .net6. 
  
Don’t hesitate to request more information if needed which may help to resolve this issue. 
  
Best regards 
Bertrand

Swetha Babu · Answer

Hi Bertrand, 

Greetings from Syncfusion. 

We have considered the reported scenario as a defect and logged the bug report for the same. However, we will include the fix for the reported issue in our weekly patch release which is expected to be scheduled on 15th Feb, 2022. We appreciate your patience until then. Please find the below feedback link to keep track of the reported issue. 

Feedback link: https://www.syncfusion.com/feedback/32371 

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. 

Regards, Swetha

Durga Gopalakrishnan · Answer

Hi Bertrand, Thanks for being patience. We have resolved your reported issue in sample level itself. We suggest you to change the code in your application as per below snippet.

//….

Please let us know if you have any concerns. Regards, Durga G

Bertrand Spitz · Answer

Dear Durga,I have made some tests and noticed the issue is still there.The behaviour I described above in the ﻿﻿answer from february 1st query 1 is still there.Here is the link to your demo examplehttps://blazor.syncfusion.com/demos/chart/selection?theme=bootstrap5 To check your suggestion just above, I did the following:I created a new web assembly project in VS 2022﻿﻿I added the latest nugget packagesI added a new razor file and copied the code snippet from the following link in ithttps://blazor.syncfusion.com/demos/chart/selection?theme=bootstrap5 I added a naviagtion link to the new pageI had to remove following lines in order to be able to run the code When I run the code I get the following But the selection is not working   I then applied your suggestionBut the selection is still not workingBest regardsBertrand

Swetha Babu · Answer

Hi Bertrand, 

Greetings from Syncfusion. 

We have created the simple blazor Web Assembly application using the provided scenario and tested the same but we are unable to reproduce the reported scenario. However, we have captured a screen capture video while trying to reproduce the reported scenario and the same can be downloaded from the below link. 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartWASMApp1529465800 

Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartVideo-406007246 

Please let us know your System Requirement and the browser that you are using. It will be helpful for us to analyze further and assist you better. 

Kindly, revert us if you have any concerns. 

Regards, Swetha

Bertrand Spitz · Answer

First, thank you for looking into this issue.

I have loaded your sample in visual studio 2022 preview.

There was the file ChartWASMApp.csproj missing in your sample project. So I have added it with content as shown in the attachment.

Unfortunately the issue remains.

Then I have upgraded to Visual Studio 2022 Version 17.2.0 Preview 1.0, but the issue remains.

I have attached a small video demonstrating the issue

The Browser I'm using is Chrome and my OS is Windows 10.

Please let me know if you need other information

Attachment: Videos_54d28e4e.zip

Durga Gopalakrishnan · Answer

Hi Bertrand,We suggest you to use HTML elements for checkbox, dropdown
and other components used in property panel. We have attached modified sample
for your reference. Please ensure with this and update us the details if you
are still facing problem.Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Selection2125118473.zipNote : Kindly ensure whether selection mode is enable
for chart to perform selection.Kindly revert us if you have any concerns.Regards,Durga G

Bertrand Spitz · Answer

Hi Durga,Unfortunately the issue is still there.I don't know if you are aware that I experience a similiar situation on your web site athttps://blazor.syncfusion.com/demos/chart/selection?theme=bootstrap4 You will find attached a video to show you the behavior in case it may be helpfull.Best regardsBertrandAttachment: 20220302_180309_2bd87527.zip

Durga Gopalakrishnan · Answer

Hi Bertrand, 

The fix for reported scenario will be available in our upcoming Volume 1 Main Release which is expected to be rolled out at end of March 2022. We will let you know once it is refreshed in online. We appreciate your patience until then.  

Regards, 
Durga G

Durga Gopalakrishnan · Answer

Hi Bertrand,Thanks for being patience. We have resolved the
reported problem and refreshed the changes in live site. Please check with the
below online demo link.    https://blazor.syncfusion.com/demos/chart/selection?theme=fluentKindly revert us if you have any concerns.  Regards,Durga Gopalakrishnan.