How can I ensure links avoid port labels ?

[dabeng]

Introduction

How can I ensure link(between port A and port B) automatically avoid the port body and port label ?

Please share the most lightweight solution.

Steps to reproduce

No response

Restrictions & Constraints

I'm using 'manhattan' router

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

JointJS

[kumilingus]

1. you can use the isPointObstacle option and mark the area with labels to be obstacles.

isPointObstacle: (point) => MyObstacleMap.isObstacle(point);

You'd have to create your own obstacle map that would include the labels.

2. you can define a horizontal padding in the Manhattan router that would equal to the longest of the labels.

padding: { horizontal: maxLabelLength }

You can wrap the manhattan router in a function and compute the padding dynamically.
Ideally, if JointJS would allow you define sourcePadding and targetPadding individually (you can copy the manhattan code and modify it at the application level).