Hide and Show Properties


Choose a language:
Data getting from a URL, JSON Data. Use `bigdata.json` to test with more data.
Delay for tooltip to hide (in ms): UseSingleCell:



(CSS style height like "300px". Empty for auto height)








* Click events in table are binded to console.log for testing

Bug scenario playground Click a button to load the scenario. Use "Reset" to return to the default data.
Ticket Description Action
#278 Year format — multi-year project view.
Adds a "Year" format where each column represents one calendar year. Ideal for long-running programmes spanning multiple years (2020–2026 in this example). Decade groupings appear in the major header row.
#284 End date on last day of week renders extra empty week.
When a task ended on Sunday (with Mon-first), the chart added a blank extra week after it. This scenario shows tasks whose end dates fall on Sundays — the chart should end cleanly with no trailing empty week.
setDepend() — live demo  acting on task 35 "Just plan dates" (default data only)



getDepend() → 333 (types: FS)
#68 Working days: configurable duration and bar width.
setWorkingDays({ 0:false, 1:true, 2:true, 3:true, 4:true, 5:true, 6:false }) makes the gantt skip non-working days in duration counts and bar widths (Mon–Fri only in this example).



Duration shown:
#346 Configurable tooltip template delimiters.
Django (and other frameworks) already use {{ }} in their template engines, conflicting with the default tooltip template syntax. setTooltipTemplateDelimiter(open, close) lets you choose any alternative pair of strings as delimiters.



#376 RemoveTaskItem / GetTaskByOriginalID accept original (pre-hash) IDs.
After tasks are loaded via parseXMLString, each task's public ID (e.g. TASK-1) differs from its internal hashed vID. Previously RemoveTaskItem only accepted the hashed vID. PR #394 lets you pass the original string ID directly — and adds GetTaskByOriginalID for lookups.

Loads 3 XML tasks: TASK-1 (group), TASK-2 (child), TASK-3 (standalone)