Skip to content

Journey Diagram Config Schema ​

txt
https://mermaid.js.org/schemas/config.schema.json#/$defs/JourneyDiagramConfig

The object containing configurations specific for journey diagrams

AbstractExtensibleStatusIdentifiableCustom PropertiesAdditional PropertiesAccess RestrictionsDefined In
Can be instantiatedNoUnknown statusNoForbiddenAllowednoneconfig.schema.json*

JourneyDiagramConfig Type ​

object (Journey Diagram Config)

all of

JourneyDiagramConfig Properties ​

PropertyTypeRequiredNullableDefined by
diagramMarginXintegerRequiredcannot be nullMermaid Config
diagramMarginYintegerRequiredcannot be nullMermaid Config
leftMarginintegerRequiredcannot be nullMermaid Config
widthintegerRequiredcannot be nullMermaid Config
heightintegerRequiredcannot be nullMermaid Config
boxMarginintegerRequiredcannot be nullMermaid Config
boxTextMarginintegerRequiredcannot be nullMermaid Config
noteMarginintegerRequiredcannot be nullMermaid Config
messageMarginintegerRequiredcannot be nullMermaid Config
messageAlignstringRequiredcannot be nullMermaid Config
bottomMarginAdjintegerRequiredcannot be nullMermaid Config
rightAnglesbooleanRequiredcannot be nullMermaid Config
taskFontSizeMultipleOptionalcannot be nullMermaid Config
taskFontFamilystringOptionalcannot be nullMermaid Config
taskMarginnumberOptionalcannot be nullMermaid Config
activationWidthnumberOptionalcannot be nullMermaid Config
textPlacementstringOptionalcannot be nullMermaid Config
actorColoursarrayOptionalcannot be nullMermaid Config
sectionFillsarrayOptionalcannot be nullMermaid Config
sectionColoursarrayOptionalcannot be nullMermaid Config

diagramMarginX ​

Margin to the right and left of the c4 diagram, must be a positive value.

diagramMarginX

diagramMarginX Type ​

integer

diagramMarginX Constraints ​

minimum: the value of this number must greater than or equal to: 0

diagramMarginX Default Value ​

The default value is:

json
50

diagramMarginY ​

Margin to the over and under the c4 diagram, must be a positive value.

diagramMarginY

diagramMarginY Type ​

integer

diagramMarginY Constraints ​

minimum: the value of this number must greater than or equal to: 0

diagramMarginY Default Value ​

The default value is:

json
10

leftMargin ​

Margin between actors

leftMargin

leftMargin Type ​

integer

leftMargin Constraints ​

minimum: the value of this number must greater than or equal to: 0

leftMargin Default Value ​

The default value is:

json
150

width ​

Width of actor boxes

width

width Type ​

integer

width Constraints ​

minimum: the value of this number must greater than or equal to: 0

width Default Value ​

The default value is:

json
150

height ​

Height of actor boxes

height

height Type ​

integer

height Constraints ​

minimum: the value of this number must greater than or equal to: 0

height Default Value ​

The default value is:

json
50

boxMargin ​

Margin around loop boxes

boxMargin

boxMargin Type ​

integer

boxMargin Constraints ​

minimum: the value of this number must greater than or equal to: 0

boxMargin Default Value ​

The default value is:

json
10

boxTextMargin ​

Margin around the text in loop/alt/opt boxes

boxTextMargin

boxTextMargin Type ​

integer

boxTextMargin Constraints ​

minimum: the value of this number must greater than or equal to: 0

boxTextMargin Default Value ​

The default value is:

json
5

noteMargin ​

Margin around notes

noteMargin

noteMargin Type ​

integer

noteMargin Constraints ​

minimum: the value of this number must greater than or equal to: 0

noteMargin Default Value ​

The default value is:

json
10

messageMargin ​

Space between messages.

messageMargin

messageMargin Type ​

integer

messageMargin Constraints ​

minimum: the value of this number must greater than or equal to: 0

messageMargin Default Value ​

The default value is:

json
35

messageAlign ​

Multiline message alignment

messageAlign

  • is required

  • Type: string

  • cannot be null

  • defined in: Mermaid Config

  • tsType: string | "left" | "center" | "right"

messageAlign Type ​

string

messageAlign Constraints ​

enum: the value of this property must be equal to one of the following values:

ValueExplanation
"left"
"center"
"right"

messageAlign Default Value ​

The default value is:

json
"center"

bottomMarginAdj ​

Prolongs the edge of the diagram downwards.

Depending on css styling this might need adjustment.

bottomMarginAdj

bottomMarginAdj Type ​

integer

bottomMarginAdj Constraints ​

minimum: the value of this number must greater than or equal to: 0

bottomMarginAdj Default Value ​

The default value is:

json
1

rightAngles ​

Curved Arrows become Right Angles

This will display arrows that start and begin at the same node as right angles, rather than as curves.

rightAngles

rightAngles Type ​

boolean

taskFontSize ​

taskFontSize

  • is optional

  • Type: any of the following: string or number (Details)

  • cannot be null

  • defined in: Mermaid Config

taskFontSize Type ​

any of the following: string or number (Details)

taskFontSize Default Value ​

The default value is:

json
14

taskFontFamily ​

taskFontFamily

taskFontFamily Type ​

string

taskFontFamily Default Value ​

The default value is:

json
"\"Open Sans\", sans-serif"

taskMargin ​

taskMargin

taskMargin Type ​

number

taskMargin Default Value ​

The default value is:

json
50

activationWidth ​

Width of activation box

activationWidth

activationWidth Type ​

number

activationWidth Default Value ​

The default value is:

json
10

textPlacement ​

text placement as: tspan | fo | old only text as before

textPlacement

textPlacement Type ​

string

textPlacement Default Value ​

The default value is:

json
"fo"

actorColours ​

actorColours

actorColours Type ​

string[]

actorColours Default Value ​

The default value is:

json
["#8FBC8F", "#7CFC00", "#00FFFF", "#20B2AA", "#B0E0E6", "#FFFFE0"]

sectionFills ​

sectionFills

sectionFills Type ​

string[]

sectionFills Default Value ​

The default value is:

json
["#191970", "#8B008B", "#4B0082", "#2F4F4F", "#800000", "#8B4513", "#00008B"]

sectionColours ​

sectionColours

sectionColours Type ​

string[]

sectionColours Default Value ​

The default value is:

json
["#fff"]