Fly to node

[Yoshi]

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

[Vivisa Ganesan]

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

[Yoshi]

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?

[Vivisa Ganesan]

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