Ports and arrows on shape

I am evaluating GoJS for one of my project, so I create shape and show port on it to connect the shapes. so what happening now is when I tried to crate link it connect from port to port not to the shape and when I connect it to shape in connect to shape on anywhere not on specific location. I need to show ports when user hover on shape and the draw the link from port to port but after link drawn the ports should disappear and link should show shapes connected from specific location .

Like In above images shown I want to show ports and then user will create connection from port to port and after that the link should be shown like second image but from specific point not from any where from shape.

Can I do this

I have fixed this issue after searching the old topics and replies

Did you see Selection Adornment Buttons or Grafcet Diagrams ?