-
Book Overview & Buying
-
Table Of Contents
The Official Guide to Mermaid.js
By :
This is a subsection where the configuration options for flowcharts are located. Here, you will find configuration options for settings such as margins and paddings, specifically for flowcharts.
When you specify these configuration options, you add them into the subsection, as in the following example:
{
"flowchart":{
"diagramPadding": 64
}
}
Or, you can do this in a one-line notation, as follows:
{"flowchart": {"diagramPadding": 64}}
These are the options available for flowcharts:
diagramPadding (integer)This is the size of the padding around the flowchart in the generated SVG file.
Default value: 8
Here is an example of an init directive setting the diagramPadding option:
%%{init: {"flowchart": {"diagramPadding": 8}}}%%htmlLabels (Boolean)This option lets you decide if the labels in a flowchart will consist of SVG elements such as text and tspan or...