Advanced Configuration options and Comments
In this section, you will cover the different configuration options that can be used with a Gantt chart. These configuration options can alter how your Gantt chart will look when rendered. You will also see how to add comments to your Mermaid code, such that it does not impact the rendering of the diagrams but still makes the code more meaningful. Let's start with the configuration options first.
Configuration options for a Gantt Chart
The configuration options can be used either via directives or when using a mermaid.initialize()
method call. In this chapter's examples, we will use them via directives. For more details on using configuration options and the different ways in which they can be used, please refer to Chapter 4, Modifying Configurations with or without Directives. Let's start with our first configuration option to mirror the timeline axis at the top as well.
topAxis
This configuration option is used...