Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Suggestions for Gantt diagrams: milestones and % of completion #540

Closed
CapitanPrimate opened this issue Jun 8, 2017 · 12 comments
Closed
Labels
Type: New Shape Request for new shape

Comments

@CapitanPrimate
Copy link

First of all, thanks for your wonderful work!

I am using mermaid to generate Gantt diagrams, and I find it very useful. However, I'd like to suggest some functionalities that I think would make it even greater:

  1. The ability to define milestones (a square diamond or the like), maybe with a ":milestone" label. Right now I am trying to simulate this using some CSS magic, but it doesn't look nice.
  2. The ability to show the % of completion of a task in a different colour.
  3. The ability to control the "today" line length via configuration parameters.

My workflow is: Export CSV from Microsoft Project → Convert CSV to mermaid format using a gawk script → Generate Gantt chart (usually in SVG format).

In order to clarify, I'm attaching an example. Completed tasks appear in gray, ongoing/future tasks appear in light blue, delayed tasks appear in light orange, % of completion appears in light red. Finally, my manually-made annotations appear as text with arrows, both in orange.

image

Thank you very much!

@tylerlong
Copy link
Collaborator

You suggestions are very good! We are currently doing major refactoring to the code, so no more new features will be added in the near term. Once the refactoring is done we will go through all of the good suggestions to make a todo list. :)

@CapitanPrimate
Copy link
Author

Great! In the meanwhile, I'll keep doing some CSS magic and looking forward to hearing your news!

@zeigerpuppy
Copy link

I agree, some great ideas. Percent complete, milestones and critical path would make the gantt implementation complete. The syntax is nice and readable at the moment. Could I suggest something like the following for critical path:

gantt
       dateFormat  YYYY-MM-DD
       title Adding GANTT diagram functionality to mermaid

       section A section
       Completed task            :done,    des1, 2014-01-06,2014-01-08
       Active task               :active,  des2, 2014-01-09, 3d
       Future task               :         des3, after des2, 5d
       Future task2              :         des4, after des3, 5d

       section Critical tasks
       Completed task in the critical line :crit, done, 2014-01-06,24h
       Implement parser and jison          :crit, done, after des1, 2d
       Create tests for parser             :crit, active, crit2, 3d
       Future task in critical line        :crit, 5d
       Create tests for renderer           :2d
       Add to mermaid                      :crit6, 1d

       Paths
       des1 -[red]-> crit2
       crit2 -[red]-> crit6

@finkga
Copy link

finkga commented May 21, 2018

I would love to have the features above, but one simple thing I'd like to see is the ability to start a task relative to the start date of another task. For example:

`gantt

...

section...
Task one: one, 2018-05-21, 5d
Task two: two, one + 3d, 15d
`

@sanj79
Copy link

sanj79 commented Jun 26, 2018

Hi @knsv ,

I am looking forward to integrate Mermaid JS to generate Gantt chart for a requirement. But before doing that, I was wondering if it currently has the capability to add links between tasks, like say:

There are 4 tasks, Task 1, Task 2, Task 3, Task 4. Is it possible to add links between them to represent dependency like if start of Task 4 is dependent on the completion on Task1, then can we add arrow between Task 1 to Task 4 to represent that connection ?

Also, is there a drilldown feature available, like if Task 1 contains 10 other subtasks, then on click of Task 1, can I show the 10 subtasks in a separate chart or perhaps in the same chart in a drilldown manner ?

12

This is what I'm looking to implement.

@gesinn-it-gea
Copy link

@sanj79 maybe better create a new issue, as your request has nothing to do with the original request to render "% complete" and "milestones".

@cpetry
Copy link

cpetry commented Jul 20, 2018

I would also like milestones! This idea is 1 year old. Something new on this topic?

@ymoisan
Copy link

ymoisan commented Sep 5, 2018

I wonder if something like the "today line" that shows up on a Gantt that comprises $today could be easily generalized to an arbitrary date ? That way we could use a line ala "today" to specify arbitrary points in time that would cut across all sections of the Gantt. Close enough a milestone functionality for me. My 2 cents.

@gijswijs
Copy link
Contributor

gijswijs commented Feb 1, 2019

I've added a pull request for milestones. If anyone is interested, please have a look at it.
#788

@stale
Copy link

stale bot commented Jun 29, 2019

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the Type: New Shape Request for new shape label Jun 29, 2019
@amoblin
Copy link

amoblin commented Aug 5, 2019

so now percentage of completion will be supported or not?

@sweihub
Copy link

sweihub commented Dec 14, 2020

The mermaid chart is awesome, even awesome with markdown, it's so intuitive, I am expecting the link (connection/arrow) between tasks, any plan? Thanks.

mgenereu pushed a commit to mgenereu/mermaid that referenced this issue Jun 25, 2022
Bumps [cssnano](https://github.com/cssnano/cssnano) from 5.0.12 to 5.0.13.
- [Release notes](https://github.com/cssnano/cssnano/releases)
- [Commits](https://github.com/cssnano/cssnano/commits)

---
updated-dependencies:
- dependency-name: cssnano
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <[email protected]>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: New Shape Request for new shape
Projects
None yet
Development

No branches or pull requests