Mermaid

外観

Mermaid Chartのビジュアルエディタを使用して図を設計および作成する

タイムライン図の設定スキーマ ​

txt
https://mermaid.dokyumento.jp/schemas/config.schema.json#/$defs/TimelineDiagramConfig
抽象的拡張可能ステータス識別可能カスタムプロパティ追加プロパティアクセス制限定義先
インスタンス化可能いいえ不明なステータスいいえ禁止許可なしconfig.schema.json*

TimelineDiagramConfig 型 ​

object (タイムライン図の設定)

すべて

TimelineDiagramConfig プロパティ ​

プロパティ型必須Null許容定義元
diagramMarginX整数必須nullにすることはできませんMermaid設定
diagramMarginY整数必須nullにすることはできませんMermaid設定
leftMargin整数必須nullにすることはできませんMermaid設定
width整数必須nullにすることはできませんMermaid設定
height整数必須nullにすることはできませんMermaid設定
padding数値オプションnullにすることはできませんMermaid設定
boxMargin整数必須nullにすることはできませんMermaid設定
boxTextMargin整数必須nullにすることはできませんMermaid設定
noteMargin整数必須nullにすることはできませんMermaid設定
messageMargin整数必須nullにすることはできませんMermaid設定
messageAlign文字列必須nullにすることはできませんMermaid設定
bottomMarginAdj整数必須nullにすることはできませんMermaid設定
rightAngles真偽値オプションnullにすることはできませんMermaid設定
taskFontSize複数オプションnullにすることはできませんMermaid設定
taskFontFamily文字列オプションnullにすることはできませんMermaid設定
taskMargin数値オプションnullにすることはできませんMermaid設定
activationWidth数値オプションnullにすることはできませんMermaid設定
textPlacement文字列オプションnullにすることはできませんMermaid設定
actorColours配列オプションnullにすることはできませんMermaid設定
sectionFills配列オプションnullにすることはできませんMermaid設定
sectionColours配列オプションnullにすることはできませんMermaid設定
disableMulticolor真偽値オプションnullにすることはできませんMermaid設定

diagramMarginX ​

C4図の右側と左側のマージン。正の値である必要があります。

diagramMarginX

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

diagramMarginX 型 ​

整数

diagramMarginX 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

diagramMarginX のデフォルト値 ​

デフォルト値は

json
50

diagramMarginY ​

C4図の上と下のマージン。正の値である必要があります。

diagramMarginY

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

diagramMarginY 型 ​

整数

diagramMarginY 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

diagramMarginY のデフォルト値 ​

デフォルト値は

json
10

leftMargin ​

アクター間のマージン

leftMargin

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

leftMargin 型 ​

整数

leftMargin 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

leftMargin のデフォルト値 ​

デフォルト値は

json
150

width ​

アクターボックスの幅

width

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

width 型 ​

整数

width 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

width のデフォルト値 ​

デフォルト値は

json
150

height ​

アクターボックスの高さ

height

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

height 型 ​

整数

height 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

height のデフォルト値 ​

デフォルト値は

json
50

padding ​

padding

  • オプションです

  • 型: 数値

  • nullにすることはできません

  • 定義元: Mermaid設定

padding 型 ​

数値

boxMargin ​

ループボックスの周囲のマージン

boxMargin

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

boxMargin 型 ​

整数

boxMargin 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

boxMargin のデフォルト値 ​

デフォルト値は

json
10

boxTextMargin ​

ループ/alt/optボックス内のテキストの周囲のマージン

boxTextMargin

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

boxTextMargin 型 ​

整数

boxTextMargin 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

boxTextMargin のデフォルト値 ​

デフォルト値は

json
5

noteMargin ​

ノートの周囲のマージン

noteMargin

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

noteMargin 型 ​

整数

noteMargin 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

noteMargin のデフォルト値 ​

デフォルト値は

json
10

messageMargin ​

メッセージ間のスペース。

messageMargin

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

messageMargin 型 ​

整数

messageMargin 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

messageMargin のデフォルト値 ​

デフォルト値は

json
35

messageAlign ​

複数行のメッセージの配置

messageAlign

  • 必須です

  • 型: 文字列

  • nullにすることはできません

  • 定義元: Mermaid設定

messageAlign 型 ​

文字列

messageAlign 制約 ​

enum: このプロパティの値は、次のいずれかの値と等しい必要があります

値説明
"left"
"center"
"right"

messageAlign のデフォルト値 ​

デフォルト値は

json
"center"

bottomMarginAdj ​

図の下端を延長します。

cssスタイルによっては、調整が必要な場合があります。

bottomMarginAdj

  • 必須です

  • 型: 整数

  • nullにすることはできません

  • 定義元: Mermaid設定

bottomMarginAdj 型 ​

整数

bottomMarginAdj 制約 ​

最小値: この数値の値は、次の値以上である必要があります: 0

bottomMarginAdj デフォルト値 ​

デフォルト値は

json
1

rightAngles ​

曲線矢印を直角にする

これにより、同じノードで開始および終了する矢印が、曲線ではなく直角として表示されます。

rightAngles

  • オプションです

  • タイプ: boolean

  • nullにすることはできません

  • 定義場所: Mermaid 設定

rightAngles タイプ ​

真偽値

taskFontSize ​

taskFontSize

  • オプションです

  • タイプ: 以下のいずれか: string または number (詳細)

  • nullにすることはできません

  • 定義場所: Mermaid 設定

taskFontSize タイプ ​

以下のいずれか: string または number (詳細)

taskFontSize デフォルト値 ​

デフォルト値は

json
14

taskFontFamily ​

taskFontFamily

  • オプションです

  • 型: 文字列

  • nullにすることはできません

  • 定義場所: Mermaid 設定

taskFontFamily タイプ ​

文字列

taskFontFamily デフォルト値 ​

デフォルト値は

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

taskMargin ​

taskMargin

  • オプションです

  • 型: 数値

  • nullにすることはできません

  • 定義場所: Mermaid 設定

taskMargin タイプ ​

数値

taskMargin デフォルト値 ​

デフォルト値は

json
50

activationWidth ​

アクティベーションボックスの幅

activationWidth

  • オプションです

  • 型: 数値

  • nullにすることはできません

  • 定義場所: Mermaid 設定

activationWidth タイプ ​

数値

activationWidth デフォルト値 ​

デフォルト値は

json
10

textPlacement ​

テキストの配置方法: tspan | fo | 以前と同じテキストのみ

textPlacement

  • オプションです

  • 型: 文字列

  • nullにすることはできません

  • 定義場所: Mermaid 設定

textPlacement タイプ ​

文字列

textPlacement デフォルト値 ​

デフォルト値は

json
"fo"

actorColours ​

actorColours

  • オプションです

  • タイプ: string[]

  • nullにすることはできません

  • 定義場所: Mermaid 設定

actorColours タイプ ​

string[]

actorColours デフォルト値 ​

デフォルト値は

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

sectionFills ​

sectionFills

  • オプションです

  • タイプ: string[]

  • nullにすることはできません

  • 定義場所: Mermaid 設定

sectionFills タイプ ​

string[]

sectionFills デフォルト値 ​

デフォルト値は

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

sectionColours ​

sectionColours

  • オプションです

  • タイプ: string[]

  • nullにすることはできません

  • 定義場所: Mermaid 設定

sectionColours タイプ ​

string[]

sectionColours デフォルト値 ​

デフォルト値は

json
["#fff"]

disableMulticolor ​

disableMulticolor

  • オプションです

  • タイプ: boolean

  • nullにすることはできません

  • 定義場所: Mermaid 設定

disableMulticolor タイプ ​

真偽値