-
Book Overview & Buying
-
Table Of Contents
The Official Guide to Mermaid.js
By :
User-journey diagrams illustrate the different steps users need to take in order to perform a task on a website or a system. The journey subsection is an object containing the following configuration options specific to user-journey diagrams:
leftMargin (integer)This sets the margin only to the left of a journey diagram and is applied around the diagramMarginX that sets the margin on both sides of a diagram.
Default value: 150
Here is an example of an init directive setting the leftMargin option:
%%{init: {"journey": {"leftMargin": 150}}}%%taskMargin (integer)With this option, you can set the width of gaps between task boxes.
Default value: 50
Here is an example of an init directive setting the taskMargin option:
%%{init: {"journey": {"taskMargin": 50}}}%%width (integer)This setting lets you set the width of task boxes.
Default value: 150
Here is an example of an init directive setting the width option:
%%{init: {"journey...