Mermaid

外観

Mermaidの作成者によるMermaid Whiteboardを試してみてください。

ガント図設定スキーマ ​

txt
https://mermaid.dokyumento.jp/schemas/config.schema.json#/$defs/GanttDiagramConfig

ガント図に固有の設定を含むオブジェクト

抽象拡張可能ステータス識別可能カスタムプロパティ追加プロパティアクセス制限定義元
インスタンス化可能いいえ不明なステータスいいえ禁止許可なしconfig.schema.json*

GanttDiagramConfigタイプ ​

object (ガント図設定)

すべて

GanttDiagramConfigのプロパティ ​

プロパティ型必須Nullable定義元
titleTopMargin整数必須null不可Mermaidの設定
barHeight整数必須null不可Mermaidの設定
barGap整数オプションnull不可Mermaidの設定
topPadding整数必須null不可Mermaidの設定
rightPadding整数必須null不可Mermaidの設定
leftPadding整数必須null不可Mermaidの設定
gridLineStartPadding整数必須null不可Mermaidの設定
fontSize整数必須null不可Mermaidの設定
sectionFontSize整数必須null不可Mermaidの設定
numberSectionStyles整数必須null不可Mermaidの設定
axisFormat文字列必須null不可Mermaidの設定
tickInterval文字列オプションnull不可Mermaidの設定
topAxisブール必須null不可Mermaidの設定
displayMode文字列オプションnull不可Mermaidの設定
weekday文字列必須null不可Mermaidの設定

titleTopMargin ​

図の上に表示されるテキストのマージントップ

titleTopMargin

titleTopMarginの型 ​

整数

titleTopMarginの制約 ​

最小値: この数値の値は、0以上でなければなりません

titleTopMarginのデフォルト値 ​

デフォルト値は

json
25

barHeight ​

グラフ内のバーの高さ

barHeight

barHeightの型 ​

整数

barHeightの制約 ​

最小値: この数値の値は、0以上でなければなりません

barHeightのデフォルト値 ​

デフォルト値は

json
20

barGap ​

ガント図内の異なるアクティビティ間のマージン

barGap

barGapの型 ​

整数

barGapの制約 ​

最小値: この数値の値は、0以上でなければなりません

barGapのデフォルト値 ​

デフォルト値は

json
4

topPadding ​

タイトルとガント図の間、および軸とガント図の間のマージン。

topPadding

topPaddingの型 ​

整数

topPaddingの制約 ​

最小値: この数値の値は、0以上でなければなりません

topPaddingのデフォルト値 ​

デフォルト値は

json
50

rightPadding ​

アクティビティの右側のセクション名に割り当てられるスペース

rightPadding

rightPaddingの型 ​

整数

rightPaddingの制約 ​

最小値: この数値の値は、0以上でなければなりません

rightPaddingのデフォルト値 ​

デフォルト値は

json
75

leftPadding ​

アクティビティの左側のセクション名に割り当てられるスペース

leftPadding

leftPaddingの型 ​

整数

leftPaddingの制約 ​

最小値: この数値の値は、0以上でなければなりません

leftPaddingのデフォルト値 ​

デフォルト値は

json
75

gridLineStartPadding ​

グリッド線の垂直方向の開始位置

gridLineStartPadding

gridLineStartPaddingの型 ​

整数

gridLineStartPaddingの制約 ​

最小値: この数値の値は、0以上でなければなりません

gridLineStartPaddingのデフォルト値 ​

デフォルト値は

json
35

fontSize ​

フォントサイズ

fontSize

fontSizeの型 ​

整数

fontSizeの制約 ​

最小値: この数値の値は、0以上でなければなりません

fontSizeのデフォルト値 ​

デフォルト値は

json
11

sectionFontSize ​

セクションのフォントサイズ

sectionFontSize

sectionFontSizeの型 ​

整数

sectionFontSizeの制約 ​

最小値: この数値の値は、0以上でなければなりません

sectionFontSizeのデフォルト値 ​

デフォルト値は

json
11

numberSectionStyles ​

交互に表示されるセクションスタイルの数

numberSectionStyles

numberSectionStyles 型 ​

整数

numberSectionStyles 制約 ​

最小値: この数値の値は、0以上でなければなりません

numberSectionStyles デフォルト値 ​

デフォルト値は

json
4

axisFormat ​

軸の日付/時刻のフォーマット

これは、あなたのロケールや好みに合わせて調整が必要かもしれません。

axisFormat

axisFormat 型 ​

文字列

axisFormat デフォルト値 ​

デフォルト値は

json
"%Y-%m-%d"

tickInterval ​

軸の目盛り

パターンは

javascript
/^([1-9][0-9]*)(millisecond|second|minute|hour|day|week|month)$/;

tickInterval

tickInterval 型 ​

文字列

tickInterval 制約 ​

pattern: 文字列は次の正規表現に一致する必要があります

javascript
/^([1-9][0-9]*)(millisecond|second|minute|hour|day|week|month)$/

try pattern

topAxis ​

このフラグが設定されている場合、日付ラベルがチャートの上部に追加されます

topAxis

topAxis 型 ​

ブール

displayMode ​

表示モードを制御します。

displayMode

displayMode 型 ​

文字列

displayMode 制約 ​

enum: このプロパティの値は、次のいずれかの値と等しくなければなりません

値説明
""
"compact"同じ行に複数のタスクを表示できるようにします。

weekday ​

週単位の間隔を開始する曜日

weekday

weekday 型 ​

文字列

weekday 制約 ​

enum: このプロパティの値は、次のいずれかの値と等しくなければなりません

値説明
"monday"
"tuesday"
"wednesday"
"thursday"
"friday"
"saturday"
"sunday"

weekday デフォルト値 ​

デフォルト値は

json
"sunday"