clear diagram

[Jean Caiza]

Hello Team,

What is the most appropriate and effective way to solve the following problems?.

how to clear diagram when using diagram.dataSourceSetings datasource ? when i use diagram.clear() the dataSource is not clearing at all.

how to clear diagram nodes and connectores with dataSource length > 1000 using virtualization.

how to use overviewcomponent with virtualized data

greetings!

[Gobinath Dhamotharan]

Query	Solution
how to clear diagram when using diagram.dataSourceSetings datasource ? when i use diagram.clear() the dataSource is not clearing at all.	Use of diagram.clear() method is to clear all nodes and objects which is visible in the diagram.
2.how to clear diagram nodes and connectores with dataSource length > 1000 using virtualization.	If you only require 1,000 nodes, you may specify that in the datasource itself. You can also use the created event to clear or add the nodes at runtime. Documentation https://ej2.syncfusion.com/react/documentation/api/diagram/#created
3. how to use overviewcomponent with virtualized data	We created a sample to achieve your requirement. We rendered virtualized data with overview component . Please refer to the below sample for your reference. Sample https://stackblitz.com/edit/react-pv7sxi?file=index.js

[Jean Caiza]

Hello Gobinath,

Thanks for relpy, about your solution that provides me.

1. I Want to remove every dataSource of dataSourceSettings.dataSource prop, when the property has a large amount of data, for example a data length of 2000 or more. if i use dataSourceSettings.dataSource = [], The result is what I expect, it cleans all the nodes and connectors that are in the diagram, but it has a lot of delay, any solution that you can provide me to avoid long delays?. in my project i have a dropdownList that set a dataSourceSettings dataSource and show that in the diagram. but if one of the selected items has a large amount of data, it generates a delay if it changes from one to another, or if it is selected.

in other words, I try to avoid long delays, if you have a solution please provides me.
Sample: https://stackblitz.com/edit/react-kfgg59?file=src%2Fdata.js,src%2FApp.js



2. the link you provided does not exist

   
   

3. Yes, thanks i try that too, but i want to see every nodes avoiding this
   
   Is there a solution for this behavior, or is it an effect of virtualization?
   

[Gobinath Dhamotharan]

We will validate and update you with more details on Feb 16,2023.

[Sivaranjith Jeyabalan]

Hi Jean,

Please find the responses for the below queries,

Query	Response
I Want to remove every dataSource of dataSourceSettings.dataSource prop, when the property has a large amount of data, for example a data length of 2000 or more. if i use dataSourceSettings.dataSource = [], The result is what I expect, it cleans all the nodes and connectors that are in the diagram, but it has a lot of delay, any solution that you can provide me to avoid long delays?. in my project i have a dropdownList that set a dataSourceSettings dataSource and show that in the diagram. but if one of the selected items has a large amount of data, it generates a delay if it changes from one to another, or if it is selected. in other words, I try to avoid long delays, if you have a solution please provides me. Sample: https://stackblitz.com/edit/react-kfgg59?file=src%2Fdata.js,src%2FApp.js	Reported Issue: Need to Improve Performance in the Diagram While Enabling Virtualization.    We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on upcoming volume 1 release which is scheduled to release in March 2023.   Feedback Link: https://www.syncfusion.com/feedback/41288/need-to-improve-performance-in-the-diagram-while-enabling-virtualization
the link you provided does not exist	https://ej2.syncfusion.com/react/documentation/api/diagram/#created
Yes, thanks i try that too, but i want to see every nodes avoiding this   Is there a solution for this behavior, or is it an effect of virtualization?	Reported Issue: Overview is not updated properly when we enable virtualization.   We can reproduce the issue and confirmed this as a defect. We have logged a defect report for this issue. We will fix this issue and provide the patch on upcoming volume 1 release which is scheduled to release in March 2023.   Feedback Link: https://www.syncfusion.com/feedback/41290/overview-is-not-updated-properly-when-we-enable-virtualization-for-a-layout

Disclaimer: Inclusion of this solution in the release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Sivaranjith

[Jean Caiza]

Hello,

Thanks for reply, I will be attentive to the news that comment to me by this means, the links that they provided me do not give me access.

Greetings

[Balasubramanian Manikandan]

Sorry for the inconvenience; now that the link is in a public state, you can access it for reference.

[Vivisa Ganesan]

Hi,

We have fixed the reported issue and included it in our Essential Studio 2023 Volume 1 Main Release v21.1.0.35 is rolled out and is available for download under the following link.

https://www.syncfusion.com/forums/181344/essential-studio-2023-volume-1-main-release-v21-1-35-is-available-for-download

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,

Vivisa