question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`after` breaks Gantt chart in this example

See original GitHub issue

Copy/paste the following into mermaid-live-editor

gantt
  dateFormat  YYYY-MM-DD
  title       Gantt chart

  section Test
  fase 1      : 2020-06-01, 1w
  VM          : ps2, 2w
  Config OS   : after ps2, 1w

which produces this broken Gantt chart.

ekstern_probe

Notice Config OS does not come after VM which it should.

Works when removing the dependency.

gantt
  dateFormat  YYYY-MM-DD
  title       Gantt chart

  section Test
  fase 1    : 2020-06-01, 1w
  VM        : 2w
  Config OS : 1w

ekstern_probe

Mermaid: 8.5.1

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
hacstcommented, Jul 28, 2021

Also ran into this unexpected behavior. Took me quite a bit of trial and error to figure out what was wrong. How would a user find out about such syntax restrictions? https://mermaid-js.github.io/mermaid/#/gantt does not state it and if you start out naively writing your diagram

gantt

Foo: foo, 1d

does what you would expect. It shows a 1 day box from the current date line. No indication about this being a syntax error.

0reactions
zatscommented, Dec 13, 2022

@Rutorai I will second the sentiment here, it is not immediately obvious why specifying ID on the element is tied to specifying its start date explicitly?

in the example

gantt

  section Project A
  Task A-A: 2022-12-01, 1d
  Task A-B: idAB, 1d
  Task A-C: 1d

  section Project B
  Task B-A: 1d
  Task B-B: after idAB, 1d

Since Task A-B start time can be calculated from all the data provided

It would be very convenient if Task B-B would automatically start after Task A-B without user calculating setting Task A-B start date to 2022-12-02

Read more comments on GitHub >

github_iconTop Results From Across the Web

11 Gantt Chart Examples and Templates For Effective Project ...
And since Gantt charts are in an easy-to-understand timeline format, the task order is crystal clear. Your team and/or clients won't need to...
Read more >
Gantt Chart 101: A Complete Guide [2023] • Asana
A Gantt chart is a horizontal bar chart used to illustrate the timeline of a project and its tasks. Use our guide to...
Read more >
The Ultimate Guide to Gantt Charts [with Examples]
A typical Gantt chart should include the following information: Tasks, their duration, status, and priority. Start and end dates. Progress.
Read more >
15 Gantt Chart Examples for Project Management
This blog gives 15 Gantt chart examples in project management to assist you in planning and executing your project efficiently.
Read more >
Gantt Chart with Dependencies - Smartsheet - YouTube
Gantt charts offer a timeline view of your work to make tracking tasks in Smartsheet even easier.They show the relationship between tasks ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found