Quantcast
Channel: GoJS - Northwoods Software
Viewing all articles
Browse latest Browse all 7069

Jump nodes with bezier curves

$
0
0

@jothibaskaran wrote:

Hi, I am using bezier curves for linking the nodes in my diagram. I have not provided routing: jumpNodes since we had to maintain the shape of the bezier curve. This is my link node template:

        $(go.Link,  // the whole link panel
            {
                // routing: go.Link.AvoidsNodes,
                curve: go.Link.Bezier,
                curviness: 200,
                corner: 10,
                adjusting: go.Link.Stretch,
                relinkableFrom: true,
                relinkableTo: true,
                reshapable: true,
                resegmentable: true,
                deletable: false,
                contextMenu:
                    $('ContextMenu',
                    $('ContextMenuButton',
                    { 'ButtonBorder.fill': 'white', '_buttonFillOver': 'lightgray' },
                        $(go.TextBlock, 'Delete',
                        { margin: 12 }
                        ),
                        {
                            click: (e, obj) => {
                                e.diagram.commit(function(d) {
                                d.remove(obj.part.adornedPart);
                                });
                                this.propertiesFlagEvent.emit('');
                                this.save();
                            },
                        },
                    )
                    )
            },
            $(go.Shape)  // the arrowhead
        );

I would like to retain the same shape of the curve. But i do not want the links to pass over a component in its path.

How can i do this?

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 7069

Trending Articles