marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-15 21:39:40 +02:00
Code Issues Packages Projects Releases Wiki Activity

Updated gantt chart docs to show all config options

Browse Source
This commit is contained in:
murdoa
2024-01-11 22:24:50 +00:00
parent 1c43e8e15c
commit e52fcd0bdd
2 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/syntax/gantt.md
View File

@@ -420,11 +420,21 @@ mermaid.ganttConfig can be set to a JSON string with config parameters or the co
```javascript ```javascript
mermaid.ganttConfig = { mermaid.ganttConfig = {
titleTopMargin: 25, titleTopMargin: 25, // Margin top for the text over the diagram
barHeight: 20, barHeight: 20, // The height of the bars in the graph
barGap: 4, barGap: 4, // The margin between the different activities in the gantt diagram
topPadding: 75, topPadding: 75, // Margin between title and gantt diagram and between axis and gantt diagram.
sidePadding: 75, rightPadding: 75, // The space allocated for the section name to the right of the activities
leftPadding: 75, // The space allocated for the section name to the left of the activities
gridLineStartPadding: 10, // Vertical starting position of the grid lines
fontSize: 12, // Font size
sectionFontSize: 24, // Font size for sections
numberSectionStyles: 1, // The number of alternating section styles
axisFormat: '%d/%m', // Date/time format of the axis
tickInterval: '1 week', // Axis ticks
topAxis: true, // When this flag is set, date labels will be added to the top of the chart
displayMode: 'compact', // Turns compact mode on
weekday: 'sunday', // On which day a week-based interval should start
}; };
``` ```

20
packages/mermaid/src/docs/syntax/gantt.md
View File

@@ -325,11 +325,21 @@ mermaid.ganttConfig can be set to a JSON string with config parameters or the co
```javascript ```javascript
mermaid.ganttConfig = { mermaid.ganttConfig = {
titleTopMargin: 25, titleTopMargin: 25, // Margin top for the text over the diagram
barHeight: 20, barHeight: 20, // The height of the bars in the graph
barGap: 4, barGap: 4, // The margin between the different activities in the gantt diagram
topPadding: 75, topPadding: 75, // Margin between title and gantt diagram and between axis and gantt diagram.
sidePadding: 75, rightPadding: 75, // The space allocated for the section name to the right of the activities
leftPadding: 75, // The space allocated for the section name to the left of the activities
gridLineStartPadding: 10, // Vertical starting position of the grid lines
fontSize: 12, // Font size
sectionFontSize: 24, // Font size for sections
numberSectionStyles: 1, // The number of alternating section styles
axisFormat: '%d/%m', // Date/time format of the axis
tickInterval: '1 week', // Axis ticks
topAxis: true, // When this flag is set, date labels will be added to the top of the chart
displayMode: 'compact', // Turns compact mode on
weekday: 'sunday', // On which day a week-based interval should start
}; };
``` ```