Metainformationen zur Seite
  •  

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung 		Vorhergehende Überarbeitung
start:dokuwiki:plugins:flowcharts [2018/08/12 00:01]
wikiadmin [Beispiel: GANTT-Diagramm] 		start:dokuwiki:plugins:flowcharts [2018/08/12 15:24] (aktuell)
wikiadmin [Substitutions-Grafik erstellen]
Zeile 122: Zeile 122:
  
 ==== Verbinder erstellen === ==== Verbinder erstellen ===
 +Die Verbindungen zwischen den Knoten (Formen) wird durch ein grafisches Element erstellt. Diese Verbinder bestehen aus drei Teilen zwischen den Knoten.
 +  - Startet immer (!) mit einem **(Strich)**.
 +  - Der mittlere Teil beschreibt die Form der Verbindung. **(Strich)** = druchgezogener Strich, **(Punkt)** = unterbrochener Strich.
 +  - Der letzte Teil beschreibt das Endzeichen. **(Strich)** = durchgezogener Strich, **>** = Pfeilspitze.
 +
 +Weiter unten sehen Sie einige Beispiele wie die Verbinder erstellt werden können.
  
 ^Grafik^Code^Grafik^Code^Grafik^Code^Grafik^Code^ ^Grafik^Code^Grafik^Code^Grafik^Code^Grafik^Code^
Zeile 175: Zeile 181:
  
 ==== Substitutions-Grafik erstellen ==== ==== Substitutions-Grafik erstellen ====
 +Flowcharts können gruppiert werden. Dazu verwenden Sie die Schlüsselwort **subgraph** gefolgt von einen Namen. Der Abschluss bildes das Schlüsselwort **end**. Alle Flowcharts innerhalb dieser beiden Schlüsselwörter werden zu einer Gruppe zusammengeführt.
 +
 ^Grafik^Code^ ^Grafik^Code^
 |<flow> |<flow>
Zeile 189: Zeile 197:
    Y-->Z    Y-->Z
 end end
-</flow>|<file [enable_line_numbers="true",highlight_lines_extra="1"] example.txt>+</flow>|<file [enable_line_numbers="true",highlight_lines_extra="6,8,9,12"] example.txt>
 graph TD graph TD
 D-.->G D-.->G
Zeile 206: Zeile 214:
 ---- ----
  
-===== Beispiele =====+===== Beispiel: Flow-Diagramm =====
 Hier ein paar Code-Beispiele: Hier ein paar Code-Beispiele:
 ^Grafik^Code^ ^Grafik^Code^
Zeile 275: Zeile 283:
 ---- ----
  
-==== Beispiel: Sequenz-Diagram ====+===== Beispiel: Sequenz-Diagram =====
 <flow> <flow>
 sequenceDiagram sequenceDiagram
Zeile 284: Zeile 292:
 ---- ----
  
-==== Beispiel: GANTT-Diagramm ====+===== Beispiel: GANTT-Diagramm =====
 <flow> <flow>
 gantt gantt
-    title A Gantt Diagram+    title GANTT Diagramm
     dateFormat  YYYY-MM-DD     dateFormat  YYYY-MM-DD
     section Section     section Section