Gojs drawing double lines issue for some of the boxes

GoJS
1

Hi
I am using Gojs from Angular
Getting double lines for some boxes shown in the image
let me know the issue where I can fix this one

04%20PM
Screenshot 2019-09-23 at 1.17.04 PM.jpg2880×1800 677 KB

Regards
Kumar

2

It appears that you have two links connecting those two nodes. If that was not the intent, you should find out why you provided a model with such data.

3

we dont have the double lines provided in our model ( json )

Once we move the angular normal build to server, it is working now

one more issue in the angular prod build is not working at the moment , Any fix required for this issue ?

4

the double line issue occurs once I scroll using the scroll bar for the diagram
and gives this error in angualr app

Error: Invalid div id; div already has a Diagram associated with it

gojs%20lines%20issue%20after%20scrolling
gojs lines issue after scrolling.JPG1847×683 77.9 KB

5

As I just mentioned at Gojs rendering in Angular app - #2 by walter, you should not be constantly re-creating the Diagram and associating it with the Div. Just create it, initialize it, and associate it with the Div once.

6

A post was merged into an existing topic: Gojs rendering in Angular app

7

thanks
we have deployed the app to production
in the below link it is working with out the double lines
Visual DRG

link2
link21830×792 85.6 KB

but same code with the below link its not working

https://casemix360.solutions.iqvia.com/casemix360/#/VisualDRG/Home/MDC?visualid=5d6dff88bfd90b1df890f968&folder=MDC&id=01&view=SimpleView

any issue please let me know

8

Thanks for providing access to the page. The problem is that you have loaded the same nodes and links twice. This means that there are two of each node at the same location.

In the debugger I set each node’s Part.movable to true. Then by moving each node you can see the other node just behind it.

image
image.png1350×453 95.9 KB

Because you are loading the data twice, you have loaded the link data twice. But since their references to nodes use the same keys, there are two links between each connected pair of original nodes, and the new duplicate nodes do not have any connected links.

And since by default the routing of duplicate links tries to separate the routes, you can see them both.

So, a quick test is to evaluate myDiagram.nodes.count or myDiagram.links.count and make sure the results are as you would expect.

I don’t know why you are duplicating the model data – you will have to debug that.

9

Hi
Thanks a lot
After providing the single modal binding, it fixed this issue

Regards
Kumar