Mermaid

外觀

使用 Mermaid Chart 中的視覺化編輯器來設計和建立圖表

時間軸圖配置綱要 ​

txt
https://mermaid.dev.org.tw/schemas/config.schema.json#/$defs/TimelineDiagramConfig
抽象可擴展狀態可識別自訂屬性額外屬性存取限制定義於
可被實例化否未知狀態否禁止允許無config.schema.json*

TimelineDiagramConfig 類型 ​

物件 (時間軸圖配置)

全部

TimelineDiagramConfig 屬性 ​

屬性類型必要可為空定義於
diagramMarginX整數必要不可為空Mermaid 配置
diagramMarginY整數必要不可為空Mermaid 配置
leftMargin整數必要不可為空Mermaid 配置
width整數必要不可為空Mermaid 配置
height整數必要不可為空Mermaid 配置
padding數字選填不可為空Mermaid 配置
boxMargin整數必要不可為空Mermaid 配置
boxTextMargin整數必要不可為空Mermaid 配置
noteMargin整數必要不可為空Mermaid 配置
messageMargin整數必要不可為空Mermaid 配置
messageAlign字串必要不可為空Mermaid 配置
bottomMarginAdj整數必要不可為空Mermaid 配置
rightAngles布林值選填不可為空Mermaid 配置
taskFontSize多個選填不可為空Mermaid 配置
taskFontFamily字串選填不可為空Mermaid 配置
taskMargin數字選填不可為空Mermaid 配置
activationWidth數字選填不可為空Mermaid 配置
textPlacement字串選填不可為空Mermaid 配置
actorColours陣列選填不可為空Mermaid 配置
sectionFills陣列選填不可為空Mermaid 配置
sectionColours陣列選填不可為空Mermaid 配置
disableMulticolor布林值選填不可為空Mermaid 配置

diagramMarginX ​

c4 圖表左右邊界，必須為正值。

diagramMarginX

diagramMarginX 類型 ​

整數

diagramMarginX 限制 ​

最小值：此數值必須大於或等於：0

diagramMarginX 預設值 ​

預設值為

json
50

diagramMarginY ​

c4 圖表上下邊界，必須為正值。

diagramMarginY

diagramMarginY 類型 ​

整數

diagramMarginY 限制 ​

最小值：此數值必須大於或等於：0

diagramMarginY 預設值 ​

預設值為

json
10

leftMargin ​

參與者之間的邊界

leftMargin

leftMargin 類型 ​

整數

leftMargin 限制 ​

最小值：此數值必須大於或等於：0

leftMargin 預設值 ​

預設值為

json
150

width ​

參與者方塊的寬度

width

width 類型 ​

整數

width 限制 ​

最小值：此數值必須大於或等於：0

width 預設值 ​

預設值為

json
150

height ​

參與者方塊的高度

height

height 類型 ​

整數

height 限制 ​

最小值：此數值必須大於或等於：0

height 預設值 ​

預設值為

json
50

padding ​

padding

padding 類型 ​

數字

boxMargin ​

迴圈方塊周圍的邊界

boxMargin

boxMargin 類型 ​

整數

boxMargin 限制 ​

最小值：此數值必須大於或等於：0

boxMargin 預設值 ​

預設值為

json
10

boxTextMargin ​

迴圈/替代/選項方塊中文字周圍的邊界

boxTextMargin

boxTextMargin 類型 ​

整數

boxTextMargin 限制 ​

最小值：此數值必須大於或等於：0

boxTextMargin 預設值 ​

預設值為

json
5

noteMargin ​

註解周圍的邊界

noteMargin

noteMargin 類型 ​

整數

noteMargin 限制 ​

最小值：此數值必須大於或等於：0

noteMargin 預設值 ​

預設值為

json
10

messageMargin ​

訊息之間的空間。

messageMargin

messageMargin 類型 ​

整數

messageMargin 限制 ​

最小值：此數值必須大於或等於：0

messageMargin 預設值 ​

預設值為

json
35

messageAlign ​

多行訊息對齊

messageAlign

messageAlign 類型 ​

字串

messageAlign 限制 ​

列舉：此屬性的值必須等於下列其中一個值

值說明
"left"
"center"
"right"

messageAlign 預設值 ​

預設值為

json
"center"

bottomMarginAdj ​

向下延長圖表的邊緣。

根據 CSS 樣式，可能需要調整此設定。

bottomMarginAdj

bottomMarginAdj 類型 ​

整數

bottomMarginAdj 限制 ​

最小值：此數值必須大於或等於：0

bottomMarginAdj 預設值 ​

預設值為

json
1

rightAngles ​

彎曲箭頭變成直角

這會將開始和結束於同一節點的箭頭顯示為直角，而不是曲線。

rightAngles

rightAngles 類型 ​

布林值

taskFontSize ​

taskFontSize

taskFontSize 類型 ​

以下任一：string 或 number (詳情)

taskFontSize 預設值 ​

預設值為

json
14

taskFontFamily ​

taskFontFamily

taskFontFamily 類型 ​

字串

taskFontFamily 預設值 ​

預設值為

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

taskMargin ​

taskMargin

taskMargin 類型 ​

數字

taskMargin 預設值 ​

預設值為

json
50

activationWidth ​

啟用方塊的寬度

activationWidth

activationWidth 類型 ​

數字

activationWidth 預設值 ​

預設值為

json
10

textPlacement ​

文字放置方式：tspan | fo | 舊的僅文字方式

textPlacement

textPlacement 類型 ​

字串

textPlacement 預設值 ​

預設值為

json
"fo"

actorColours ​

actorColours

actorColours 類型 ​

字串陣列

actorColours 預設值 ​

預設值為

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

sectionFills ​

sectionFills

sectionFills 類型 ​

字串陣列

sectionFills 預設值 ​

預設值為

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

sectionColours ​

sectionColours

sectionColours 類型 ​

字串陣列

sectionColours 預設值 ​

預設值為

json
["#fff"]

disableMulticolor ​

disableMulticolor

disableMulticolor 類型 ​

布林值