Använd diagram som kod för att generera ett Lucidchart-diagram med hjälp av Mermaid. När du har skrivit ut sjöjungfrukoden kan du automatiskt generera ett diagram till ditt Lucid-dokument.
Sjöjungfrukoden som anges för att generera ett diagram är endast kompatibel med det engelska språket. Om du arbetar i Lucid med ett annat språk måste koden översättas till engelska.
Planens tillgänglighet: Individual, Team och Enterprise.
- Finns på FedRAMP- konton.
- Läs artikeln Lucid Plans för mer information om vad som finns tillgängligt på ditt konto eller artikeln Upp gradera ditt Lucid-konto för instruktioner om uppgradering.
Öppna diagrammenyn som kod
Följ dessa steg för att komma åt diagrammet som kod-menyn i Lucidchart:
- Välj
ikonen Diagram som kod i det primära verktygsfältet längst till vänster på arbetsytan.
Skapa ett diagram
Bekanta dig med diagrammet som kodprocess genom att använda ett av våra tillhandahållna exempel för varje diagramtyp som stöds. När du är redo kan du skapa ett diagram genom att skriva ut din egen sjöjungfrukod.
Obs!: Om ett diagram inte genereras och du ser ett ”Syntaxfel. Kontrollera syntaxen.” meddelande under diagrammet som kodredigerare istället, använd de angivna rad- och kolumnnumren för att se till att sjöjungfrukoden är korrekt formaterad och försök igen.
Använd ett angivet exempel
Om du vill skapa ett diagram med hjälp av exemplen följer du dessa steg från diagrammet som kod-menyn:
- Välj +Nytt sjöjungfrudiagram.
- Längst ned i den medföljande redigeraren klickar du på ett av exempelalternativen.
- Kod läggs automatiskt till i redigeraren för den valda exempeltypen.
- Redigera exempelkoden efter behov.
- Klicka på Generera.
Diagrammet kommer att genereras på canvas.
Skapa från grunden med Mermaid
För att skapa ett nytt diagram från grunden med hjälp av Mermaid-kod, följ dessa steg från diagrammet som kod-menyn:
- Välj +Nytt sjöjungfrudiagram.
- Skriv in din kod i den medföljande redigeraren.
- Klicka på Generera.
Diagrammet kommer att genereras på canvas.
Lära sig mer: För instruktioner om hur du kommer igång med Mermaid, kolla in den här användarhandboken för Mermaid från Mermaid hjälpcenter. Länken som tillhandahålls navigerar dig ut från Lucid hjälpcenter och vi kan inte garantera att innehållet är korrekt.
Redigera ett diagram
Ett diagram som genereras från kod visas som en bild på canvas och måste uppdateras genom att koden öppnas och redigeras. Så här gör du:
- Öppna den associerade kodredigeraren på något av följande sätt:
- Klicka på diagrammet på canvas.
- Navigera till diagrammet som kod-menyn, bläddra igenom och välj det diagram som du vill redigera.
- Klicka i redigeraren och gör dina ändringar.
- När du redigerar uppdateras diagrammet på duken i realtid.
Diagrammet kommer att uppdateras på canvas.
Diagramtyper som stöds
Följande diagramtyper stöds med hjälp av Mermaid-kod:
- Klass: Kartlägg strukturen för ett visst system genom att modellera dess klasser, attribut, operationer och relationer mellan objekt.
- C4: Utnyttja de fyra nivåerna av modeller (kontext, behållare, komponenter och kod) beroende på din målgrupp.
- Entitetsrelation: Representerar en databas visuellt för att visa relationer mellan fält.
- Flödesschema: Bygg flödesscheman som är lätta att följa som täcker komplexa system och processer.
- Gantt: Representerar schemat och förloppet visuellt när du hanterar ett projekt.
- Ishikawa: Bygg fiskbensdiagram för att visuellt kartlägga orsak-och-effekt-relationer under grundorsaksanalys.
- Kapslad trädkarta: Visualisera hierarkiska datastrukturer med kapslade rektanglar.
- Radardiagram: Skapa ett diagram för att jämföra flera kvantitativa variabler på ett radiellt rutnät.
- Sekvens: Representerar de processer och objekt som lever samtidigt, och de meddelanden som utbyts mellan dem för att utföra en funktion, innan livlinan tar slut.
- Tillstånd: Bygg ett beteendediagram för att visa övergångar mellan olika objekt.
- XY-diagram: Skapa omfattande linje-, stapel- eller spridningsdiagram för att visualisera relationer mellan datapunkter.
Lära sig mer: Om du vill veta mer om sjöjungfrusyntax och hur du använder diagram som stöds i Lucidchart kan du läsa det här inlägget från Lucid Community.
Vanliga frågor
Vilken version av Mermaid stöds i Lucidchart?
Lucidchart är optimerad för att stödja version 11.14 av Mermaid.
Hur utformar och formaterar jag ett diagram som jag genererade med sjöjungfrukod?
När du skapar ett diagram i Lucid med sjöjungfrukod visas det som en bild på duken. För att redigera stilen och formatet på diagrammet, inkludera Mermaid styling-syntax direkt i koden.
Ge feedback på den här artikeln
Har du feedback om den här artikeln? Berätta om din upplevelse här.