docs: removed beta references to the flowchart graph type.
This commit is contained in:
parent
cbe3a9159d
commit
f5ba67ab78
|
@ -255,7 +255,7 @@ graph TB
|
||||||
B --> D
|
B --> D
|
||||||
```
|
```
|
||||||
|
|
||||||
### Beta: New arrow types
|
### New arrow types
|
||||||
|
|
||||||
When using flowchart instead of graph there are new types of arrows supported as per below:
|
When using flowchart instead of graph there are new types of arrows supported as per below:
|
||||||
|
|
||||||
|
@ -266,7 +266,7 @@ flowchart LR
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
### Beta: Multi directional arrows
|
### Multi directional arrows
|
||||||
|
|
||||||
When using flowchart instead of graph there is the possibility to use multidirectional arrows.
|
When using flowchart instead of graph there is the possibility to use multidirectional arrows.
|
||||||
|
|
||||||
|
@ -377,9 +377,9 @@ graph TB
|
||||||
end
|
end
|
||||||
```
|
```
|
||||||
|
|
||||||
## Beta: flowcharts
|
## flowcharts
|
||||||
|
|
||||||
With the graphtype flowcharts it is also possible to set edges to and from subgraphs as in the graph below.
|
With the graphtype flowchart it is also possible to set edges to and from subgraphs as in the graph below.
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart TB
|
flowchart TB
|
||||||
|
|
|
@ -281,11 +281,11 @@ to node _E_, so that it spans two more ranks than regular links:
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart TD
|
flowchart TD
|
||||||
A[Start] --> B{Is it?};
|
A[Start] --> B{Is it?}
|
||||||
B -->|Yes| C[OK];
|
B -->|Yes| C[OK]
|
||||||
C --> D[Rethink];
|
C --> D[Rethink]
|
||||||
D --> B;
|
D --> B
|
||||||
B ---->|No| E[End];
|
B ---->|No| E[End]
|
||||||
```
|
```
|
||||||
|
|
||||||
> **Note** Links may still be made longer than the requested number of ranks
|
> **Note** Links may still be made longer than the requested number of ranks
|
||||||
|
@ -297,11 +297,11 @@ the previous one:
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart TD
|
flowchart TD
|
||||||
A[Start] --> B{Is it?};
|
A[Start] --> B{Is it?}
|
||||||
B -- Yes --> C[OK];
|
B -- Yes --> C[OK]
|
||||||
C --> D[Rethink];
|
C --> D[Rethink]
|
||||||
D --> B;
|
D --> B
|
||||||
B -- No ----> E[End];
|
B -- No ----> E[End]
|
||||||
```
|
```
|
||||||
|
|
||||||
For dotted or thick links, the characters to add are equals signs or dots,
|
For dotted or thick links, the characters to add are equals signs or dots,
|
||||||
|
@ -370,9 +370,9 @@ flowchart TB
|
||||||
end
|
end
|
||||||
```
|
```
|
||||||
|
|
||||||
## Beta: flowcharts
|
## flowcharts
|
||||||
|
|
||||||
With the graphtype flowcharts it is also possible to set edges to and from subgraphs as in the flowchart below.
|
With the graphtype flowchart it is also possible to set edges to and from subgraphs as in the flowchart below.
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart TB
|
flowchart TB
|
||||||
|
@ -437,10 +437,10 @@ Examples of tooltip usage below:
|
||||||
The tooltip text is surrounded in double quotes. The styles of the tooltip are set by the class `.mermaidTooltip`.
|
The tooltip text is surrounded in double quotes. The styles of the tooltip are set by the class `.mermaidTooltip`.
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart LR;
|
flowchart LR
|
||||||
A-->B;
|
A-->B
|
||||||
B-->C;
|
B-->C
|
||||||
C-->D;
|
C-->D
|
||||||
click A callback "Tooltip for a callback"
|
click A callback "Tooltip for a callback"
|
||||||
click B "http://www.github.com" "This is a tooltip for a link"
|
click B "http://www.github.com" "This is a tooltip for a link"
|
||||||
click A call callback() "Tooltip for a callback"
|
click A call callback() "Tooltip for a callback"
|
||||||
|
@ -453,11 +453,11 @@ flowchart LR;
|
||||||
|
|
||||||
Links are opened in the same browser tab/window by default. It is possible to change this by adding a link target to the click definition (`_self`, `_blank`, `_parent` and `_top` are supported):
|
Links are opened in the same browser tab/window by default. It is possible to change this by adding a link target to the click definition (`_self`, `_blank`, `_parent` and `_top` are supported):
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart LR;
|
flowchart LR
|
||||||
A-->B;
|
A-->B
|
||||||
B-->C;
|
B-->C
|
||||||
C-->D;
|
C-->D
|
||||||
D-->E;
|
D-->E
|
||||||
click A "http://www.github.com" _blank
|
click A "http://www.github.com" _blank
|
||||||
click B "http://www.github.com" "Open this in a new tab" _blank
|
click B "http://www.github.com" "Open this in a new tab" _blank
|
||||||
click C href "http://www.github.com" _blank
|
click C href "http://www.github.com" _blank
|
||||||
|
@ -468,10 +468,10 @@ Beginners tip, a full example using interactive links in a html context:
|
||||||
```html
|
```html
|
||||||
<body>
|
<body>
|
||||||
<div class="mermaid">
|
<div class="mermaid">
|
||||||
flowchart LR;
|
flowchart LR
|
||||||
A-->B;
|
A-->B
|
||||||
B-->C;
|
B-->C
|
||||||
C-->D;
|
C-->D
|
||||||
click A callback "Tooltip"
|
click A callback "Tooltip"
|
||||||
click B "http://www.github.com" "This is a link"
|
click B "http://www.github.com" "This is a link"
|
||||||
click C call callback() "Tooltip"
|
click C call callback() "Tooltip"
|
||||||
|
@ -587,9 +587,9 @@ below:
|
||||||
|
|
||||||
```mermaid-example
|
```mermaid-example
|
||||||
flowchart LR;
|
flowchart LR;
|
||||||
A-->B[AAA<span>BBB</span>];
|
A-->B[AAA<span>BBB</span>]
|
||||||
B-->D;
|
B-->D
|
||||||
class A cssClass;
|
class A cssClass
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
@ -613,7 +613,7 @@ flowchart TD
|
||||||
B["fa:fa-twitter for peace"]
|
B["fa:fa-twitter for peace"]
|
||||||
B-->C[fa:fa-ban forbidden]
|
B-->C[fa:fa-ban forbidden]
|
||||||
B-->D(fa:fa-spinner);
|
B-->D(fa:fa-spinner);
|
||||||
B-->E(A fa:fa-camera-retro perhaps?);
|
B-->E(A fa:fa-camera-retro perhaps?)
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue