Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Once data is added and you are happy with chart layout, save it and publish the page. Gantt chart will be rendered in view mode.

Gantt chart
version211
{"scale":"week","hide_table":true,"data":{"data":[{"id":1588695754251,"start_date":"27-04-2020 00:00","text":"AppStore Launch","duration":2849,"end_date":"2515-0506-2020 00:00","progress":0.48058252427184467,"parent":0,"color":"#32CD32","textColor":""},{"id":1588695754259,"start_date":"27-04-2020 00:00","text":"Design","duration":7,"parent":"1588695754251","end_date":"04-05-2020 00:00","progress":0.6990291262135923},{"id":1588695754260,"start_date":"04-05-2020 00:00","text":"Development","duration":21,"parent":"1588695754251","end_date":"25-05-2020 00:00","progress":0.16747572815533981},{"id":1588695754262,"start_date":"04-05-2020 00:00","text":"Marketing","duration":2835,"end_date":"0108-06-2020 00:00","progress":0.6997167138810199,"parent":0},{"id":1588695754263,"start_date":"27-04-05-2020 00:00","text":"Content Production","duration":2842,"end_date":"0108-06-2020 00:00","progress":0.49514563106796117,"parent":0,"color":"#32CD32","textColor":""},{"id":1589099782091,"start_date":"11-05-2020 00:00","text":"Pro Version","duration":35,"end_date":"15-06-2020 00:00","progress":0.3171428571428571,"parent":0}],"links":[{"source":"1588695754260","target":"1588695754259","type":"3","id":1588695754261}]}}

Here is simple example. Only task name is displayed using 'Hide extra columns in view mode' option in edit window. For best view, you can also enable wide mode or full width depending on chart size.