Manhattan router and obstacles

[wernerkeilholz]

Introduction

Hi,
I'm trying to implement a POC that allows to represent graphs where links should avoid nodes. I read in the documentation that the manhattan router should do that, but I can't get it to work: links are orthogonal alright, but they go right through existing nodes. Is this because I need the commercial version, or am I doing something wrong ?

Steps to reproduce

    this.paper = new joint.dia.Paper({
      el: document.getElementById('paper')!,
      model: this.graph,
      width: this.pageWidth,
      height: this.pageHeight,
      gridSize: 10,
      interactive: { linkMove: true }, // allow moving endpoints

      defaultLink: () => {
        const link = new joint.shapes.standard.Link({
          attrs: { line: { stroke: '#333', strokeWidth: 2 } },
          connector: { name: 'normal' },
          router: {
            name: 'manhattan',
            args: {
              step: 20,
              startDirections: ['right'],
              endDirections: ['left']
            }
          },
          interactive: {
            vertexAdd: true,   
            vertexMove: true, 
            vertexRemove: true,
            linkMove: true     
          }
        })

Restrictions & Constraints

No response

Does your question relate to JointJS or JointJS+. Select both if applicable.

JointJS, JointJS+

[kumilingus]

Please share the complete example with us (e.g. JSFiddle), thank you. The code looks ok.