Git Product home page Git Product logo

Comments (5)

WalterNorthwoods avatar WalterNorthwoods commented on May 3, 2024

"AvoidsNodes" routing puts all orthogonal link segments on an internal grid, except at the ends where it connects with a port whose link connection point is not also on the same internal grid.

I'm guessing that the avoids-nodes routing hadn't taken place, perhaps because a transaction had not been performed after diagram initialization? That would explain both behaviors.

from gojs.

herecydev avatar herecydev commented on May 3, 2024

I can have a look at the transaction, but I didn't believe that was necessary? I can't see where you're performing a transaction in the flowchart example. I would like to keep the "AvoidsNodes" as it's exceptionally useful, but are you sure that 2 links that share no ports, but the same fromNode are supposed to be on the same grid? Looking at the first image, the rendering seems much clearer (and intentional). If they really are supposed to be joined, how can I get it into a state similar to the first image (separate lines if the links share no ports with another link)

from gojs.

WalterNorthwoods avatar WalterNorthwoods commented on May 3, 2024

First, I should clarify that what you are talking about deals with routing, not rendering. Rendering is just a "painting" or "drawing" action; routing is what determines the exact points that a Link takes (i.e. the Link.points list).

The AvoidsNodes routing of Links is implemented as the same as the default Orthogonal routing, except that it afterwards checks to see if the route crosses over any Nodes that are Node.avoidable. If it does, then it calculates and keeps a shortest route on a grid.

So for your Issue #1 I do not understand why it decided to discard the default routing which you see in Image #1. There do not seem to be any nodes in the way.

And as I said, I cannot explain why Issue #2 is happening, unless you have made changes after setting the Diagram.model without using a transaction. (You can make all the changes you want to a model without a transaction until after you assign the model to a Diagram.)

So can you provide us a way to reproduce your problems? Also, I would prefer it if you either used our forum (https://forum.nwoods.com/c/gojs) or e-mail (GoJS at our nwoods domain), since I do not check for GitHub issues very often.

from gojs.

WalterNorthwoods avatar WalterNorthwoods commented on May 3, 2024

Are these still issues for you?

from gojs.

herecydev avatar herecydev commented on May 3, 2024

After some tweaking, this turned out to require setsPortSpot to false.

from gojs.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.