[Feature request] gantt diagram axis format

[tylerlong]

We can define gantt diagram date format like following:

dateFormat  YYYY-MM-DD

What I am requesting is similar: let user define axis format like following

axisFormat %-m/%-d

Currently user defined axis format is not supported. It can only be done via js code:

mermaid.ganttConfig = {
  axisFormatter: [
    ["%-m/%-d", function (d) {
        return d.getDay() == 1;
    }]
  ]
};

[knsv]

Thats a good idea! This should be implemented.

[jackycute]

Please add this feature, thank you!

[surfingtomchen]

please add this feature, thanks!!!

[cnglen]

please add this feature, thanks!!!

[eagle0445]

please add this feature, thanks

[chaoslawful]

please add this feature, thanks!!!

[iwyatt]

Also requesting this feature, thank you.

[nanochap]

I need this feature too, thanks.

[tylerlong]

This feature is available in latest version.

There are two ways to specify gantt diagram xAxis format:

Option 1

mermaid.initialize({
      gantt: { axisFormat: '%m/%d/%Y' }
});

Then all gantt diagrams in the current web page will use axisFormat: '%m/%d/%Y'

Option 2

<div class="mermaid">
gantt
dateFormat  YYYY-MM-DD
axisFormat  %m/%d/%Y
...
</div>

Then the current gantt diagram will use axisFormat %m/%d/%Y

Which one to use:

Option 1 is like global config while option 2 is like local config. If both are specified, option 2 overrides options 1.

[rhz]

What is the syntax for axisFormat? Why is it different to that of dateFormat?

[Demmonius]

Could you please put this solution in the official documentation here: https://mermaid-js.github.io/mermaid/#/gantt?id=syntax ? @tylerlong

[dhld]

How to control the date of each day on the timeline