mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-28 07:03:17 +08:00
commit
8e8259934e
@ -348,7 +348,7 @@ on what kind of integration you use.
|
|||||||
|
|
||||||
## Using the mermaid object
|
## Using the mermaid object
|
||||||
|
|
||||||
Is it possible to set some configuration via the mermaid object. The two parameters that are supported using this
|
It is possible to set some configuration via the mermaid object. The two parameters that are supported using this
|
||||||
approach are:
|
approach are:
|
||||||
|
|
||||||
- mermaid.startOnLoad
|
- mermaid.startOnLoad
|
||||||
|
@ -567,7 +567,7 @@ UpdateRelStyle(customerA, bankA, $offsetY="60")
|
|||||||
Container(mobile, "Mobile App", "Xamarin", "Provides a limited subset of the Internet Banking functionality to customers via their mobile device.")
|
Container(mobile, "Mobile App", "Xamarin", "Provides a limited subset of the Internet Banking functionality to customers via their mobile device.")
|
||||||
}
|
}
|
||||||
|
|
||||||
Deployment_Node(comp, "Customer's computer", "Mircosoft Windows or Apple macOS"){
|
Deployment_Node(comp, "Customer's computer", "Microsoft Windows or Apple macOS"){
|
||||||
Deployment_Node(browser, "Web Browser", "Google Chrome, Mozilla Firefox,<br/> Apple Safari or Microsoft Edge"){
|
Deployment_Node(browser, "Web Browser", "Google Chrome, Mozilla Firefox,<br/> Apple Safari or Microsoft Edge"){
|
||||||
Container(spa, "Single Page Application", "JavaScript and Angular", "Provides all of the Internet Banking functionality to customers via their web browser.")
|
Container(spa, "Single Page Application", "JavaScript and Angular", "Provides all of the Internet Banking functionality to customers via their web browser.")
|
||||||
}
|
}
|
||||||
@ -619,7 +619,7 @@ UpdateRelStyle(customerA, bankA, $offsetY="60")
|
|||||||
Container(mobile, "Mobile App", "Xamarin", "Provides a limited subset of the Internet Banking functionality to customers via their mobile device.")
|
Container(mobile, "Mobile App", "Xamarin", "Provides a limited subset of the Internet Banking functionality to customers via their mobile device.")
|
||||||
}
|
}
|
||||||
|
|
||||||
Deployment_Node(comp, "Customer's computer", "Mircosoft Windows or Apple macOS"){
|
Deployment_Node(comp, "Customer's computer", "Microsoft Windows or Apple macOS"){
|
||||||
Deployment_Node(browser, "Web Browser", "Google Chrome, Mozilla Firefox,<br/> Apple Safari or Microsoft Edge"){
|
Deployment_Node(browser, "Web Browser", "Google Chrome, Mozilla Firefox,<br/> Apple Safari or Microsoft Edge"){
|
||||||
Container(spa, "Single Page Application", "JavaScript and Angular", "Provides all of the Internet Banking functionality to customers via their web browser.")
|
Container(spa, "Single Page Application", "JavaScript and Angular", "Provides all of the Internet Banking functionality to customers via their web browser.")
|
||||||
}
|
}
|
||||||
|
@ -571,7 +571,7 @@ You would define these actions on a separate line after all classes have been de
|
|||||||
|
|
||||||
## Notes
|
## Notes
|
||||||
|
|
||||||
It is possible to add notes on digram using `note "line1\nline2"` or note for class using `note for class "line1\nline2"`
|
It is possible to add notes on diagram using `note "line1\nline2"` or note for class using `note for class "line1\nline2"`
|
||||||
|
|
||||||
### Examples
|
### Examples
|
||||||
|
|
||||||
|
@ -992,7 +992,7 @@ flowchart LR
|
|||||||
|
|
||||||
## Configuration...
|
## Configuration...
|
||||||
|
|
||||||
Is it possible to adjust the width of the rendered flowchart.
|
It is possible to adjust the width of the rendered flowchart.
|
||||||
|
|
||||||
This is done by defining **mermaid.flowchartConfig** or by the CLI to use a JSON file with the configuration. How to use the CLI is described in the mermaidCLI page.
|
This is done by defining **mermaid.flowchartConfig** or by the CLI to use a JSON file with the configuration. How to use the CLI is described in the mermaidCLI page.
|
||||||
mermaid.flowchartConfig can be set to a JSON string with config parameters or the corresponding object.
|
mermaid.flowchartConfig can be set to a JSON string with config parameters or the corresponding object.
|
||||||
|
@ -21,7 +21,7 @@ mindmap
|
|||||||
Popularisation
|
Popularisation
|
||||||
British popular psychology author Tony Buzan
|
British popular psychology author Tony Buzan
|
||||||
Research
|
Research
|
||||||
On effectivness<br/>and eatures
|
On effectiveness<br/>and features
|
||||||
On Automatic creation
|
On Automatic creation
|
||||||
Uses
|
Uses
|
||||||
Creative techniques
|
Creative techniques
|
||||||
@ -42,7 +42,7 @@ mindmap
|
|||||||
Popularisation
|
Popularisation
|
||||||
British popular psychology author Tony Buzan
|
British popular psychology author Tony Buzan
|
||||||
Research
|
Research
|
||||||
On effectivness<br/>and eatures
|
On effectiveness<br/>and features
|
||||||
On Automatic creation
|
On Automatic creation
|
||||||
Uses
|
Uses
|
||||||
Creative techniques
|
Creative techniques
|
||||||
|
@ -35,7 +35,7 @@ Drawing a pie chart is really simple in mermaid.
|
|||||||
- Followed by dataSet. Pie slices will be ordered clockwise in the same order as the labels.
|
- Followed by dataSet. Pie slices will be ordered clockwise in the same order as the labels.
|
||||||
- `label` for a section in the pie diagram within `" "` quotes.
|
- `label` for a section in the pie diagram within `" "` quotes.
|
||||||
- Followed by `:` colon as separator
|
- Followed by `:` colon as separator
|
||||||
- Followed by `positive numeric value` (supported upto two decimal places)
|
- Followed by `positive numeric value` (supported up to two decimal places)
|
||||||
|
|
||||||
\[pie] \[showData] (OPTIONAL)
|
\[pie] \[showData] (OPTIONAL)
|
||||||
\[title] \[titlevalue] (OPTIONAL)
|
\[title] \[titlevalue] (OPTIONAL)
|
||||||
|
@ -727,7 +727,7 @@ text.actor {
|
|||||||
|
|
||||||
## Configuration
|
## Configuration
|
||||||
|
|
||||||
Is it possible to adjust the margins for rendering the sequence diagram.
|
It is possible to adjust the margins for rendering the sequence diagram.
|
||||||
|
|
||||||
This is done by defining `mermaid.sequenceConfig` or by the CLI to use a json file with the configuration.
|
This is done by defining `mermaid.sequenceConfig` or by the CLI to use a json file with the configuration.
|
||||||
How to use the CLI is described in the [mermaidCLI](../config/mermaidCLI.md) page.
|
How to use the CLI is described in the [mermaidCLI](../config/mermaidCLI.md) page.
|
||||||
|
@ -347,7 +347,7 @@ This is the preferred way of configuring mermaid.
|
|||||||
|
|
||||||
## Using the mermaid object
|
## Using the mermaid object
|
||||||
|
|
||||||
Is it possible to set some configuration via the mermaid object. The two parameters that are supported using this
|
It is possible to set some configuration via the mermaid object. The two parameters that are supported using this
|
||||||
approach are:
|
approach are:
|
||||||
|
|
||||||
- mermaid.startOnLoad
|
- mermaid.startOnLoad
|
||||||
|
@ -318,7 +318,7 @@ UpdateRelStyle(customerA, bankA, $offsetY="60")
|
|||||||
Container(mobile, "Mobile App", "Xamarin", "Provides a limited subset of the Internet Banking functionality to customers via their mobile device.")
|
Container(mobile, "Mobile App", "Xamarin", "Provides a limited subset of the Internet Banking functionality to customers via their mobile device.")
|
||||||
}
|
}
|
||||||
|
|
||||||
Deployment_Node(comp, "Customer's computer", "Mircosoft Windows or Apple macOS"){
|
Deployment_Node(comp, "Customer's computer", "Microsoft Windows or Apple macOS"){
|
||||||
Deployment_Node(browser, "Web Browser", "Google Chrome, Mozilla Firefox,<br/> Apple Safari or Microsoft Edge"){
|
Deployment_Node(browser, "Web Browser", "Google Chrome, Mozilla Firefox,<br/> Apple Safari or Microsoft Edge"){
|
||||||
Container(spa, "Single Page Application", "JavaScript and Angular", "Provides all of the Internet Banking functionality to customers via their web browser.")
|
Container(spa, "Single Page Application", "JavaScript and Angular", "Provides all of the Internet Banking functionality to customers via their web browser.")
|
||||||
}
|
}
|
||||||
|
@ -385,7 +385,7 @@ click className href "url" "tooltip"
|
|||||||
|
|
||||||
## Notes
|
## Notes
|
||||||
|
|
||||||
It is possible to add notes on digram using `note "line1\nline2"` or note for class using `note for class "line1\nline2"`
|
It is possible to add notes on diagram using `note "line1\nline2"` or note for class using `note for class "line1\nline2"`
|
||||||
|
|
||||||
### Examples
|
### Examples
|
||||||
|
|
||||||
|
@ -671,7 +671,7 @@ flowchart LR
|
|||||||
|
|
||||||
## Configuration...
|
## Configuration...
|
||||||
|
|
||||||
Is it possible to adjust the width of the rendered flowchart.
|
It is possible to adjust the width of the rendered flowchart.
|
||||||
|
|
||||||
This is done by defining **mermaid.flowchartConfig** or by the CLI to use a JSON file with the configuration. How to use the CLI is described in the mermaidCLI page.
|
This is done by defining **mermaid.flowchartConfig** or by the CLI to use a JSON file with the configuration. How to use the CLI is described in the mermaidCLI page.
|
||||||
mermaid.flowchartConfig can be set to a JSON string with config parameters or the corresponding object.
|
mermaid.flowchartConfig can be set to a JSON string with config parameters or the corresponding object.
|
||||||
|
@ -15,7 +15,7 @@ mindmap
|
|||||||
Popularisation
|
Popularisation
|
||||||
British popular psychology author Tony Buzan
|
British popular psychology author Tony Buzan
|
||||||
Research
|
Research
|
||||||
On effectivness<br/>and eatures
|
On effectiveness<br/>and features
|
||||||
On Automatic creation
|
On Automatic creation
|
||||||
Uses
|
Uses
|
||||||
Creative techniques
|
Creative techniques
|
||||||
|
@ -22,7 +22,7 @@ Drawing a pie chart is really simple in mermaid.
|
|||||||
- Followed by dataSet. Pie slices will be ordered clockwise in the same order as the labels.
|
- Followed by dataSet. Pie slices will be ordered clockwise in the same order as the labels.
|
||||||
- `label` for a section in the pie diagram within `" "` quotes.
|
- `label` for a section in the pie diagram within `" "` quotes.
|
||||||
- Followed by `:` colon as separator
|
- Followed by `:` colon as separator
|
||||||
- Followed by `positive numeric value` (supported upto two decimal places)
|
- Followed by `positive numeric value` (supported up to two decimal places)
|
||||||
|
|
||||||
[pie] [showData] (OPTIONAL)
|
[pie] [showData] (OPTIONAL)
|
||||||
[title] [titlevalue] (OPTIONAL)
|
[title] [titlevalue] (OPTIONAL)
|
||||||
|
@ -534,7 +534,7 @@ text.actor {
|
|||||||
|
|
||||||
## Configuration
|
## Configuration
|
||||||
|
|
||||||
Is it possible to adjust the margins for rendering the sequence diagram.
|
It is possible to adjust the margins for rendering the sequence diagram.
|
||||||
|
|
||||||
This is done by defining `mermaid.sequenceConfig` or by the CLI to use a json file with the configuration.
|
This is done by defining `mermaid.sequenceConfig` or by the CLI to use a json file with the configuration.
|
||||||
How to use the CLI is described in the [mermaidCLI](../config/mermaidCLI.md) page.
|
How to use the CLI is described in the [mermaidCLI](../config/mermaidCLI.md) page.
|
||||||
|
Loading…
x
Reference in New Issue
Block a user