Diagram jako kod z Mermaid w Lucidchart

Napisane przez:  Shanna S
Ostatnia aktualizacja:  

Użyj diagramu jako kodu, aby wygenerować diagram Lucidchart przy użyciu Mermaid. Po napisaniu kodu Mermaid możesz automatycznie wygenerować diagram w dokumencie Lucid.

Kod Mermaid wprowadzony w celu wygenerowania diagramu jest kompatybilny tylko z językiem angielskim. Jeśli pracujesz w Lucid z innym językiem, kod będzie musiał zostać przetłumaczony na angielski.

Dostępność planów: Indywidualny, Zespół i Przedsiębiorstwo.

Dostęp do diagramu jako menu kodu

Aby uzyskać dostęp do menu diagramu jako kodu w Lucidchart, wykonaj następujące kroki:

  1. Wybierać diagram-jako-kod-ikony-w-Lucidchart.jpg ikonę Diagramu jako kodu na pasku narzędzi głównym, znajdującym się po lewej stronie obszaru roboczego.

Generuj diagramy

Zapoznaj się z procesem przetwarzania diagramu w kod, wykorzystując jeden z naszych przykładów dla każdego obsługiwanego typu diagramu. Gdy będziesz gotowy, wygeneruj diagram, wpisując własny kod Mermaid.

Uwaga: Jeśli diagram nie zostanie wygenerowany i pojawi się komunikat „Błąd składni. Proszę sprawdzić składnię.” Zamiast tego w edytorze kodu pod diagram umieść wiadomość, użyj podanych numerów wierszy i kolumn, aby upewnić się, że kod Mermaid jest poprawnie sformatowany i spróbuj ponownie.

Użyj podanego przykładu

Aby utworzyć diagram przy użyciu podanych przykładów, wykonaj następujące kroki w menu diagramu jako kodu:

  1. Wybierz +Nowy diagram syreny.
  2. Na dole udostępnionego edytora kliknij jedną z przykładowych opcji.
  3. Kod zostanie automatycznie dodany do edytora dla wybranego typu przykładu.
  4. W razie potrzeby edytuj przykładowy kod.

diagram będzie generowany w obszarze roboczym w miarę dodawania i edytowania kodu.

Diagram-jako-kod-z-Syrenką-w-Lucidchart-diagram-jako-kod-z-Syrenką-w-Lucidchart.gif

Utwórz od podstaw za pomocą Mermaid

Aby utworzyć nowy diagram od podstaw przy użyciu kodu Mermaid, wykonaj następujące kroki w menu „Diagram jako kod”:

  1. Wybierz +Nowy diagram syreny.
  2. Wpisz kod w udostępnionym edytorze.
  3. Kliknij Generuj.

diagram będzie generowany w obszarze roboczym w miarę dodawania i edytowania kodu.

manually-build-flowchart-diagram-using-mermaid-code-in-Lucidchart.gif

Dowiedz się więcej: Instrukcje dotyczące rozpoczęcia korzystania z Mermaid znajdziesz w tym podręczniku użytkownika Mermaid dostępnym w centrum pomocy Mermaid. Podany link przeniesie Cię poza centrum pomocy Lucid i nie możemy zagwarantować dokładności treści.

Edytuj diagram

diagram wygenerowany z kodu należy aktualizować poprzez otwarcie i edycję kodu. Aby to zrobić:

  1. Otwórz powiązany edytor kodu, korzystając z jednej z następujących metod:
    • Kliknij diagram na stronie canvas.
    • Przejdź do menu diagramu jako kodu, przewiń i wybierz diagram, który chcesz edytować.
  2. Kliknij edytor i wprowadź zmiany.
    • Podczas edycji diagram w obszarze roboczym będzie aktualizowany w czasie rzeczywistym.

Schemat będzie aktualizowany na stronie canvas.

Obsługiwane typy diagramów

Kod Mermaid obsługuje następujące typy diagramów:

  • Klasa: Zaplanuj strukturę konkretnego systemu, modelując jego klasy, atrybuty, operacje i relacje między obiektami.
  • C4: Wykorzystaj cztery poziomy modeli (kontekst, kontenery, komponenty i kod) w zależności od odbiorców.
  • związki encji: Wizualnie przedstaw bazę danych, aby pokazać relacje między polami.
  • Schemat blokowy: Twórz łatwe do zrozumienia schematy blokowe obejmujące złożone systemy i procesy.
  • Gantt: Wizualne przedstawienie harmonogramu i postępów podczas zarządzania projektem.
  • Ishikawa: Tworzenie diagramów Ishikawy w celu wizualnego przedstawienia związków przyczynowo-skutkowych podczas analizy przyczyn źródłowych.
  • Zagnieżdżona mapa drzewa: Wizualizacja hierarchicznych struktur danych przy użyciu zagnieżdżonych prostokątów.
  • Wykres radarowy: /utworz/ wykres umożliwiający porównanie wielu zmiennych ilościowych na siatce promieniowej.
  • Sekwencja: Przedstawia procesy i obiekty, które istnieją jednocześnie, a także wiadomości wymieniane między nimi w celu wykonania funkcji, zanim linia życia się zakończy.
  • Stan: Zbuduj diagram zachowań, aby pokazać przejścia między różnymi obiektami.
  • Wykres XY: /utworz/ kompleksowy wykres liniowy, słupkowy lub punktowy umożliwiający wizualizację zależności między punktami danych.

Dowiedz się więcej: Aby dowiedzieć się więcej o składni Mermaid i jak korzystać z obsługiwanych diagramów w Lucidchart, zapoznaj się z tym postem od Lucid Community

Najczęściej zadawane pytania

Jaką wersję systemu Mermaid obsługuje Lucidchart? 
Lucidchart jest zoptymalizowany pod kątem obsługi wersji 11.14 Mermaid. 

Przekaż opinię na temat tego artykułu

Masz uwagi dotyczące tego artykułu? Opowiedz nam o swoich doświadczeniach tutaj

Czy znalazłeś to, czego szukałeś?

Nadal masz pytanie lub chcesz podzielić się tym, czego się nauczyłeś? Odwiedź naszą Społeczność   aby uzyskać pomoc i współpracować z innymi.