JointJS - Using router on links behaves weird

Question

As long as I don't use any routers or the attribute smooth on my links, everything is drawn correctly.

Now I wanted to use the manhattan router and things started to get weird. Every link is drawn as a filled element instead of a simple line.

It seems to me that something else does modifications on the links which somehow interferes.

Furthermore attributes like link.attr({'.marker-source': { fill: 'red', d: 'M 10 0 L 0 5 L 10 10 z' }}) are completely ignored. The black arrow heads are still shown.

Any ideas?

Answer 1

JointJS library core files are joint.js and joint.css. Please make sure that none of them is missing.

JointJS + dependencies (jQuery, lodash, backbone)

<link rel="stylesheet" type="text/css" href="joint.css" />
<script src="jquery.min.js"></script>
<script src="lodash.min.js"></script>
<script src="backbone-min.js"></script>
<script src="joint.js"></script>