Gebruik Auto-route around shapes om draw.io-connectoren na het verplaatsen van vormen om obstakels heen te leiden. Gebruik voor andere connectorlijnen handmatige waypoints om afzonderlijke routes te maken, of lijnsprongen om kruisingen duidelijk te maken.

Kies het gewenste routeringsresultaat

Deze handleiding is bedoeld voor iemand die een bestaand diagram bewerkt in draw.io Desktop op een Mac. Het doel is om na het herschikken van vormen weer leesbare verbindingen te krijgen, waarbij elke connector verbonden blijft met de bedoelde knooppunten.

Bepaal eerst wat de route blokkeert. Een connector die door een rechthoek loopt, vraagt om een andere aanpak dan twee connectoren die elkaar in lege ruimte kruisen. De officiële documentatie beschrijft automatische routering om vormen heen; er wordt niet beloofd dat elke kruising tussen connectoren of elk gedeeld lijnsegment automatisch wordt geëlimineerd. Gebruik handmatige waypoints voor een specifieke route om een andere lijn heen. Gebruik lijnsprongen als een kruising acceptabel is. Zie de documentatie over automatische routering en de naslaggids voor connectorstijlen van draw.io.

Gebruik dit synthetische voorbeeld in de hele handleiding: plaats Node A links en Node B rechts, met een connector ertussen. Zet Node C als obstakel tussen deze knooppunten. Voeg een tweede connector toe tussen Node D erboven en Node E eronder. Het eerste probleem is om Node C heen te leiden; bij het tweede moet je bepalen hoe de twee connectoren elkaar passeren.

De Mac-desktopeditor voorbereiden

Open je diagram en selecteer de connector die je wilt aanpassen. Is het opmaakpaneel verborgen, kies dan View > Format of druk op Cmd+Shift+P. De routeringsopties staan op het tabblad Style. Deze paneelbediening en de Mac-sneltoets worden beschreven in Je diagram opmaken.

Ontbreekt de optie voor automatische routering, controleer dan op een applicatie-update via Help > Check for Updates en volg de aanwijzingen. Dit is de gedocumenteerde updateprocedure voor draw.io Desktop. Automatisch om vormen heen leiden wordt genoemd in draw.io’s aankondiging van de connectorupdate van 13 oktober 2026, dus oudere instructies kunnen een andere werkwijze beschrijven.

Connectoren automatisch om vormen heen leiden

  1. Selecteer de connector tussen Node A en Node B.
  2. Open het tabblad Style in het opmaakpaneel.
  3. Open de vervolgkeuzelijst Waypoints.
  4. Kies Auto-route around shapes.

De resulterende route gebruikt haakse bochten. De officiële handleiding voor de connectorupdate beschrijft deze stappen en legt uit dat routes worden bijgewerkt wanneer verbonden vormen worden verplaatst, vergroot of verkleind, gedraaid, uitgelijnd of verdeeld, en wanneer een vorm op of van de route wordt verplaatst.

Verplaats in het voorbeeld Node C door de ruimte tussen Node A en Node B. Bekijk de route tijdens het slepen en nadat je de vorm hebt losgelaten. Zo controleer je gericht of de connector het obstakel ontwijkt en nog steeds de bedoelde twee knooppunten bereikt. Doe dit voordat je de tweede connector aanpast, zodat elke wijziging één duidelijk doel heeft.

Sleep de connector zelf niet als je automatische routering wilt behouden. Als je het pad handmatig wijzigt, wordt de automatische routering voor die connector uitgeschakeld. Deze werking wordt beschreven in dezelfde aankondiging. Wil je later weer automatisch om vormen heen leiden, selecteer dan de optie voor automatische routering opnieuw.

Er is een gedocumenteerde uitzondering: automatische routering heeft geen effect op connectoren in containers die hun inhoud automatisch rangschikken, zoals lijst- of lay-outvormen. Controleer dit voordat je instellingen voor een connector die niet lijkt te reageren herhaaldelijk wijzigt. Zie Connectoren automatisch om vormen heen leiden.

Eenmalig opnieuw routeren zonder de vormen te verplaatsen

Als de posities van de knooppunten in een diagram vastliggen, kan een eenmalige routeringsbewerking handiger zijn dan doorlopende updates.

  1. Selecteer de connectoren die je wilt herstellen. Als er niets is geselecteerd, worden alle connectoren gerouteerd.
  2. Kies Arrange > Layout > Orthogonal Routing.
  3. Voer de gewenste Spacing tussen connectoren en vormen in.
  4. Klik op OK.

Deze bewerking laat de vormen staan en maakt orthogonale connectoren met waypoints. De connectoren worden daarna niet automatisch opnieuw gerouteerd. De procedure en reikwijdte staan beschreven in De lay-out Orthogonal Routing toepassen om één keer opnieuw te routeren.

Zie de afstandswaarde als een lay-outkeuze. Controleer in het synthetische voorbeeld de ruimte rond Node C en bekijk vervolgens de aangrenzende connector en labels. Een grotere afstand kan plaatselijk duidelijker ogen, maar de totale route verlengen. Kies op basis van het resulterende diagram; ga er niet van uit dat één afstandswaarde voor elke indeling geschikt is.

Met handmatige waypoints om een andere connector heen leiden

Als de eerste connector een specifieke doorgang langs de tweede moet volgen, bepaal dan zelf het pad:

  1. Selecteer de connector die je wilt aanpassen.
  2. Sleep een blauwe hendel of een deel van de connector naar de gewenste doorgang.
  3. Je kunt ook met de rechtermuisknop tussen bestaande waypoints klikken en Add Waypoint kiezen.
  4. Open voor een nauwkeurige plaatsing Arrange, vouw Waypoints uit en pas de coördinaten Left en Top van elk waypoint aan.

Door handmatige waypoints toe te voegen, wordt automatische routering uitgeschakeld. Deze bediening wordt beschreven in Waypoints op connectoren gebruiken om het pad te wijzigen.

Stel je voor dat er voor Node A en Node B een lege doorgang onder Node C is. Leid de connector omlaag naar die doorgang, erdoorheen en vervolgens weer omhoog in de richting van Node B. Volg daarna het volledige pad. Als je één segment weghaalt bij de verticale connector, kan er elders een nieuwe kruising ontstaan; controleer daarom de hele route na een plaatselijke omleiding.

Als de posities van de knooppunten geen bruikbare doorgang overlaten, kun je overwegen een knooppunt te verplaatsen om er een te maken. Met waypoints kun je een route bepalen, maar het diagram moet voldoende lege ruimte bieden om die route leesbaar te houden.

Als je een oude omleiding wilt verwijderen, klik je met de rechtermuisknop op de connector en kies je Clear Waypoints. De connector keert dan terug naar de kortste route tussen de vormen; dit garandeert niet dat obstakels worden ontweken. Labels blijven op hun plaats, dus controleer ze na het herstellen. Zie dezelfde documentatie over waypoints.

Onvermijdelijke kruisingen met lijnsprongen weergeven

Als de horizontale en verticale connector elkaar mogen kruisen, selecteer je er een en gebruik je Line jumps op het tabblad Style. De beschikbare weergaven zijn arc, gap en sharp, naast de standaardweergave overlapped. Deze opties worden beschreven in Connectoren opmaken.

Een lijnsprong verandert hoe een kruising wordt weergegeven; hij creëert geen afzonderlijke doorgang. Gebruik deze optie wanneer de kruising zelf acceptabel is. Als twee connectoren een deel van hun route delen, kun je beter een handmatige omleiding maken, zodat lezers elke verbinding afzonderlijk kunnen volgen.

Zorgen dat de herstelde route ook na de volgende wijziging goed blijft

Bepaal bij handmatig gerouteerde connectoren of de bochten in de buurt van de rest van het diagram moeten blijven of met de verbonden knooppunten moeten meebewegen. Als je de waypoints met de uiteinden wilt verplaatsen, selecteer je de connector en schakel je Follow Terminals in onder Style > Effects. Orthogonale connectoren behouden hun haakse bochten. Dit gedrag wordt beschreven in de handleiding voor de connectorupdate.

Controleer ook de eindpunten voordat je meer bochten toevoegt. Zwevende connectoren kunnen langs de omtrek van een vorm bewegen; vaste connectoren blijven aan specifieke punten verbonden. Dat verschil kan verklaren waarom een connector een knooppunt onhandig benadert. De officiële connectorhandleiding beschrijft beide verbindingstypen.

Volg tot slot elke connector van begin tot eind. Controleer afzonderlijk de ruimte rond obstakels, kruisingen, gedeelde segmenten en de plaatsing van labels. In het synthetische voorbeeld is het doel bereikt als de verbinding tussen Node A en Node B eenvoudig te volgen blijft langs Node C, en de relatie met de verbinding tussen Node D en Node E duidelijk is. Kies automatische routering, een handmatige doorgang of een zichtbare kruising op basis van het specifieke resultaat.

Bronnen