Om du vill dra om draw.io-kopplingar efter att ha flyttat former använder du Auto-route around shapes för att automatiskt undvika hinder. För andra kopplingslinjer använder du manuella brytpunkter för att skapa separata banor eller linjehopp för att tydliggöra korsningar.

Välj det routningsresultat du behöver

Den här guiden är till för dig som redigerar ett befintligt diagram i draw.io Desktop på en Mac. Uppgiften är att återställa tydliga kopplingar efter att formerna har arrangerats om, samtidigt som varje koppling förblir fäst vid de avsedda noderna.

Börja med att identifiera hindret. En koppling som går genom en rektangel behöver hanteras på ett annat sätt än två kopplingar som korsar varandra i tomt utrymme. Den officiella dokumentationen beskriver automatisk routning runt former; den utlovar inte automatisk eliminering av alla korsningar eller gemensamma linjesegment mellan kopplingar. Använd manuella brytpunkter för att skapa en specifik bana runt en annan linje. Använd linjehopp när en korsning är acceptabel. Se draw.ios dokumentation om automatisk routning och referens för kopplingsformat.

Använd det här syntetiska exemplet genom hela guiden: placera Node A till vänster och Node B till höger, med en koppling mellan dem. Placera Node C mellan dessa noder som ett hinder. Lägg till en andra koppling mellan Node D ovanför och Node E nedanför. Det första problemet är att undvika Node C; det andra är att bestämma hur kopplingarna ska passera varandra.

Förbered Mac-skrivbordsredigeraren

Öppna diagrammet och markera den berörda kopplingen. Om formatpanelen är dold väljer du View > Format eller trycker på Cmd+Shift+P. Routningskontrollerna finns på fliken Style. Panelkontrollerna och Mac-genvägen beskrivs i Formatera diagrammet.

Om alternativet för automatisk routning saknas kontrollerar du om det finns en programuppdatering via Help > Check for Updates och följer anvisningarna. Detta är den dokumenterade uppdateringsproceduren för draw.io Desktop. Automatisk hinderhantering runt former presenterades i draw.ios meddelande om kopplingsuppdateringen den 13 oktober 2026, så äldre instruktioner kan beskriva ett annat arbetsflöde.

Låt kopplingar automatiskt undvika former

  1. Markera kopplingen mellan Node A och Node B.
  2. Öppna fliken Style i formatpanelen.
  3. Öppna rullgardinsmenyn Waypoints.
  4. Välj Auto-route around shapes.

Den resulterande banan använder rätvinkliga böjar. Den officiella guiden om kopplingsuppdateringen beskriver dessa steg och förklarar att rutterna uppdateras när anslutna former flyttas, ändrar storlek, roteras, justeras eller fördelas, och när en form flyttas till eller från banan.

I exemplet flyttar du Node C genom utrymmet mellan Node A och Node B. Granska rutten medan du drar och när du har släppt formen. Då kan du kontrollera en avgränsad fråga: undviker kopplingen hindret samtidigt som den fortfarande når de avsedda noderna? Gör detta innan du justerar den andra kopplingen, så att varje ändring har ett tydligt syfte.

Undvik att dra i själva kopplingen när du vill att den ska routas automatiskt. Om du ändrar banan manuellt inaktiveras automatisk routning för kopplingen. Samma meddelande beskriver detta beteende. Om du senare vill återaktivera automatisk hinderhantering runt former väljer du alternativet för automatisk routning igen.

Det finns ett dokumenterat undantag: automatisk routning påverkar inte kopplingar inuti behållare som automatiskt arrangerar innehållet, till exempel list- eller layoutformer. Kontrollera detta innan du upprepade gånger ändrar inställningarna för en koppling som verkar inte reagera. Se Routa kopplingar automatiskt runt former.

Dra om rutten en gång och behåll formerna på plats

När nodernas positioner är bestämda kan en enda routningsomgång vara mer användbar än fortlöpande uppdateringar.

  1. Markera kopplingarna som ska åtgärdas. Om inget är markerat routas alla kopplingar.
  2. Välj Arrange > Layout > Orthogonal Routing.
  3. Ange önskat Spacing mellan kopplingar och former.
  4. Klicka på OK.

Den här åtgärden låter formerna ligga kvar och skapar ortogonala kopplingar med brytpunkter. Kopplingarna fortsätter inte att routas om automatiskt efteråt. Proceduren och omfattningen beskrivs i Använd layouten Orthogonal Routing för att dra om rutten en gång.

Se avståndsvärdet som ett layoutval. I det syntetiska exemplet granskar du avståndet till Node C och kontrollerar sedan den intilliggande kopplingen och etiketterna. Ett större mellanrum kan se tydligare ut lokalt samtidigt som den totala rutten blir längre. Välj utifrån diagrammet som helhet i stället för att anta att ett visst avstånd passar alla layouter.

Dra en rutt runt en annan koppling med manuella brytpunkter

När den första kopplingen måste ta en särskild väg runt den andra styr du banan själv:

  1. Markera kopplingen som ska justeras.
  2. Dra ett blått handtag eller en del av kopplingen mot den avsedda vägen.
  3. Högerklicka i stället mellan befintliga brytpunkter och välj Add Waypoint.
  4. För exakt placering öppnar du Arrange, expanderar Waypoints och redigerar koordinaterna Left och Top för varje brytpunkt.

När du lägger till manuella brytpunkter stängs automatisk routning av. Kontrollerna beskrivs i Arbeta med brytpunkter på kopplingar för att ändra deras bana.

För Node A och Node B kan du tänka dig en tom passage nedanför Node C. Led kopplingen ner i passagen, tvärs över den och sedan tillbaka mot Node B. Följ hela banan efteråt. Om du flyttar ett segment bort från den vertikala kopplingen kan en ny korsning uppstå någon annanstans; en lokal omväg kräver att hela rutten kontrolleras.

Om nodernas placering inte lämnar någon användbar passage kan du överväga att flytta en nod för att skapa en. Med brytpunkter kan du ange en rutt, men diagrammet behöver fortfarande tillräckligt med tomt utrymme för att den ska förbli lättläst.

Om du vill ta bort en gammal omväg högerklickar du på kopplingen och väljer Clear Waypoints. Då återgår den till den kortaste banan mellan formerna; det garanterar inte att hinder undviks. Etiketterna stannar där de är, så kontrollera dem efter återställningen. Se samma dokumentation om brytpunkter.

Visa oundvikliga korsningar med linjehopp

Om de vågräta och lodräta kopplingarna kan korsa varandra markerar du den ena och använder Line jumps på fliken Style. Tillgängliga visningsalternativ är arc, gap och sharp, samt standardalternativet overlapped. Dessa alternativ beskrivs i Formatera kopplingar.

Ett linjehopp ändrar hur en korsning visas; det skapar ingen separat passage. Använd det när korsningen i sig är acceptabel. Om två kopplingar delar en del av samma linje bör du i stället välja en manuell omväg, så att läsarna kan följa varje koppling separat.

Behåll den användbara rutten efter nästa ändring

För manuellt routade kopplingar bestämmer du om böjarna ska ligga kvar nära omgivande diagraminnehåll eller följa med de anslutna noderna. Om du vill att brytpunkterna ska följa med ändpunkterna markerar du kopplingen och aktiverar Follow Terminals under Style > Effects. Ortogonala kopplingar behåller sina rätvinkliga böjar. Beteendet beskrivs i guiden om kopplingsuppdateringen.

Kontrollera också ändpunkterna innan du lägger till fler böjar. Flytande kopplingar kan förflyttas längs en forms kant; fasta kopplingar förblir fästa vid specifika punkter. Den skillnaden kan förklara varför en koppling närmar sig en nod på ett besvärligt sätt. Den officiella kopplingsguiden beskriver båda fästtyperna.

Avsluta med att följa varje koppling från start till mål. Kontrollera avstånd till hinder, korsningar, gemensamma segment och placering av etiketter var för sig. I det syntetiska exemplet innebär ett lyckat resultat att kopplingen mellan Node A och Node B är lätt att följa runt Node C, och att dess förhållande till kopplingen mellan Node D och Node E är tydligt. Välj automatisk routning, en manuell passage eller en synlig korsning utifrån det specifika resultatet.

Källor