Add capability for gantt diagrams

This is not intended for complete project planning but as a complement to a report it would be nice to be able to draw a gantt diagram.

Example of suggested syntax:

gantt
    dateFormat yyyy-mm-dd
    title Adding gantt diagram functionality to mermaid

    section Design
        Design jison grammar            :des1, 2014-01-01, 2014-01-04
        Create example text             :des2, 2014-01-01, 3d
        Bounce gantt example with users :des3, after des2, 5d

    section Implementation
        update build script             :2014-01-02,1h
        Implement parser and jison      :after des1, 2d
        Create tests for parser         :3d
        Create renderer                 :5d
        Create tests for renderer       :2d
        Add to mermaid core             :1d

    section Documentation
        Describe gantt syntax               :a1, 2014-01-01, 3d
        Add gantt diagram to demo page      :after a1  , 2h
        Add gantt to diagram to demo page   :after a1  , 2h

TRhis should render something like the example in the link: http://codepen.io/anon/pen/azLvWR

[knsv]

Spawning this to a new issue.

[nickwynja]

Ok, thanks. I’m seeing a mix of outputs even in some charts, like this one for example:

Is there a way to normalize this? I’m currently using the axisFormatter (below) you had in one of the test or examples but it’s not clear to me whether this is necessary or how to alter it for my desired output.

        mermaid.ganttConfig = {
            ...
            axisFormatter: [
                // Within a day
                ["%I:%M", function (d) {
                    return d.getHours();
                }],
                // Monday a week
                ["w. %U", function (d) {
                    return d.getDay() == 1;
                }],
                // Day within a week (not monday)
                ["%a %d", function (d) {
                    return d.getDay() && d.getDate() != 1;
                }],
                // within a month
                ["%b %d", function (d) {
                    return d.getDate() != 1;
                }],
                // Month
                ["%m-%y", function (d) {
                    return d.getMonth();
                }]
            ]
        };