Flowchart Diagram Config Schema

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

包含特定于流程图的配置的对象

Abstract	Extensible	Status	Identifiable	Custom Properties	Additional Properties	Access Restrictions	Defined In
Can be instantiated	No	Unknown status	No	Forbidden	Allowed	none	config.schema.json*

FlowchartDiagramConfig Type

object (Flowchart Diagram Config)

all of

• Base Diagram Config

FlowchartDiagramConfig Properties

Property	Type	Required	Nullable	Defined by
titleTopMargin	integer	Required	cannot be null	Mermaid Config
subGraphTitleMargin	object	Required	cannot be null	Mermaid Config
arrowMarkerAbsolute	boolean	Optional	cannot be null	Mermaid Config
diagramPadding	integer	Required	cannot be null	Mermaid Config
htmlLabels	boolean	Required	cannot be null	Mermaid Config
nodeSpacing	integer	Required	cannot be null	Mermaid Config
rankSpacing	integer	Required	cannot be null	Mermaid Config
curve	string	Required	cannot be null	Mermaid Config
padding	number	Optional	cannot be null	Mermaid Config
defaultRenderer	string	Required	cannot be null	Mermaid Config
wrappingWidth	number	Required	cannot be null	Mermaid Config

titleTopMargin

图表上方文本的顶部边​​距

titleTopMargin

• is required

• Type: integer

• cannot be null

• defined in: Mermaid Config

titleTopMargin Type

integer

titleTopMargin Constraints

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

titleTopMargin Default Value

The default value is:

25

subGraphTitleMargin

定义子图标题的顶部/底部边距

subGraphTitleMargin

• is required

• Type: object (Details)

• cannot be null

• defined in: Mermaid Config

subGraphTitleMargin Type

object (Details)

subGraphTitleMargin Default Value

The default value is:

{
  "top": 0,
  "bottom": 0
}

arrowMarkerAbsolute

arrowMarkerAbsolute

• is optional

• Type: boolean

• cannot be null

• defined in: Mermaid Config

arrowMarkerAbsolute Type

boolean

diagramPadding

整个图表周围的填充量，以便嵌入的图表具有边距，以像素表示。

diagramPadding

• is required

• Type: integer

• cannot be null

• defined in: Mermaid Config

diagramPadding Type

integer

diagramPadding Constraints

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

diagramPadding Default Value

The default value is:

20

htmlLabels

用于设置是否应使用 html 标记来渲染边上的标签的标志。

htmlLabels

• is required

• Type: boolean

• cannot be null

• defined in: Mermaid Config

htmlLabels Type

boolean

htmlLabels Default Value

The default value is:

true

nodeSpacing

定义同一级别上节点之间的间距 涉及 TB（从上到下）或 BT（从下到上）图的水平间距，以及 LR 和 RL 图的垂直间距。

nodeSpacing

• is required

• Type: integer

• cannot be null

• defined in: Mermaid Config

nodeSpacing Type

integer

nodeSpacing Constraints

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

nodeSpacing Default Value

The default value is:

50

rankSpacing

定义不同级别上节点之间的间距 涉及 TB（从上到下）或 BT（从下到上）图的水平间距，以及 LR 和 RL 图的垂直间距。

rankSpacing

• is required

• Type: integer

• cannot be null

• defined in: Mermaid Config

rankSpacing Type

integer

rankSpacing Constraints

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

rankSpacing Default Value

The default value is:

50

curve

定义 mermaid 如何为流程图渲染曲线。

curve

• is required

• Type: string

• cannot be null

• defined in: Mermaid Config

curve Type

string

curve Constraints

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

Value	Explanation
"basis"
"linear"
"cardinal"

curve Default Value

The default value is:

"basis"

padding

表示标签和形状之间的填充 仅用于新的实验性渲染。

padding

• is optional

• Type: number

• cannot be null

• defined in: Mermaid Config

padding Type

number

padding Default Value

The default value is:

15

defaultRenderer

决定要使用哪个渲染引擎进行渲染。

defaultRenderer

• is required

• Type: string

• cannot be null

• defined in: Mermaid Config

defaultRenderer Type

string

defaultRenderer Constraints

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

Value	Explanation
"dagre-d3"	The [dagre-d3-es](https://www.npmjs.com/package/dagre-d3-es) library.
"dagre-wrapper"	wrapper for dagre implemented in mermaid
"elk"	Layout using [elkjs](https://github.com/kieler/elkjs)

defaultRenderer Default Value

The default value is:

"dagre-wrapper"

wrappingWidth

文本换行的节点的宽度。使用 markdown 字符串时，文本会自动换行，此值设置文本在新行继续之前的最大宽度。

wrappingWidth

• is required

• Type: number

• cannot be null

• defined in: Mermaid Config

wrappingWidth Type

number

wrappingWidth Default Value

The default value is:

200