Links broken

[LPerezPS]

Hello.

I'm trying to reload data from server using "setData", operators, inputs and outputs work but the links look broken at first.

Then if i move some operator the links show correctly.

I'm using AngularJS, execute the method using ng-init, and retrive data from the server with http post.

Thanks in advance.

[ronaldoscotti]

Did you discovered how to solve this @LPerezPS? I'm facing the same problem, but I'm using jQuery instead of Angular.

[ronaldoscotti]

Just to help whoever is having this issue in the future:

I was able to solve this using the redrawLinksLayer built in method, after the flowchart initialization.

[LPerezPS]

Hi @ronaldoscotti

Sorry for dont replay early but im a little busy, no i cant find a solution to this moment and i try the built method but still show the links broken, what version of jquery are using? and how you implement the method?; im using this way:

"Init"
var $flowchart = $("#id_design");
$flowchart.flowchart("redrawLinksLayer");

Load
$flowchart.flowchart("setData", data);
$flowchart.flowchart("redrawLinksLayer");

[ronaldoscotti]

I'm using with jQuery v1.12.4, in a Wordpress instalation. I've tried to use the redrawLinksLayer directly after the flowchart declaration, but with no success, just like you.

But, my flowchart is placed inside a Bootstrap modal, so I placed the redrawLinksLayer in the open modal event, like this:

$('#modal-id').on('shown.bs.modal', function () {
$flowchart.flowchart('redrawLinksLayer');
});

This way, every time I open the modal containing the flowchart, the links are drawed again.

[LPerezPS]

Yeah, im gonna think is the version cuz im using 3.3.1 and the plugins was update 2 years age soo if the redrawLinksLayer work for you that is nice :D

[huaiwen]

Well, I'm facing the same problem and the

$flowchart.flowchart("setData", data);
$flowchart.flowchart("redrawLinksLayer");

does't work for me.
:(

[sandeep-kr-kgp]

Try

setTimeout( function() {
$flowchart.flowchart( "redrawLinksLayer" );
});