We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Fly to node

Is there an option to fly and zoom to a certain node on the diagram by ID or something?


3 Replies

VG Vivisa Ganesan Syncfusion Team April 20, 2023 02:06 PM UTC

Hi,

We have created the sample to achieve your requirement. Use bringToCenter
method to achieve your requirement. This command brings the specified rectangular region into the center of the viewport of the diagram. We use zoomTo method to zoom the specified node in diagram. Refer to the below-mentioned documentation and sample.

Sample:

https://stackblitz.com/edit/angular-fpfjve-h5uds1?file=app.component.ts,app.component.html

Documentation

https://ej2.syncfusion.com/angular/documentation/diagram/commands#bringtocenter


Regards,

Vivisa



YO Yoshi April 25, 2023 11:16 AM UTC

Thank you for the reply, is there any way to add some kind of animation or make it smoother while it brings the region to the center?



VG Vivisa Ganesan Syncfusion Team April 26, 2023 12:49 PM UTC

Hi,

Currently we don’t have support for animation in diagram. We have logged it as a feature, we don’t have any immediate plan to implement this feature. You can track the status of the feature using the below feedback link.

Feedback link: https://www.syncfusion.com/feedback/9813/animation-support-in-diagram-control


Regards,

Vivisa


Loader.
Up arrow icon