Example of undefined in React Gantt Component

/
/
Taskbar

This sample visualizes the complete event schedule of the 90th Academy awards. Taskbars are customized using template support and timeline header is customized for a better view of the data.

More Details...

1
Oscar moments
06:00 PM06:15 PMJimmy kimmel hosts the show
2
Actor in a supporting role
06:15 PM06:24 PMSam RockwellThree Billboards Outside Ebbing, Missouri.
3
Hair and makeup
06:24 PM06:30 PMDarkest Hour
4
Costume design
06:30 PM06:37 PMMark BridgesPhantom Thread
5
Documentary feature
06:37 PM06:54 PMBryan Fogel Icarus
6
Best sound editing and sound mixing
06:54 PM07:05 PMRichard King and Alex GibsonDunkirk
7
Production design
07:05 PM07:09 PMThe Shape of Water
8
Oscar performance
07:09 PM07:16 PMSecond performance of the night is "Remember Me" from Coco
9
Best foreign language film goes
07:16 PM07:21 PMA Fantastic Woman
10
Best supporting actress
07:21 PM07:26 PMAllison JanneyI, Tonya
11
Best animated short
07:26 PM07:35 PMKobe BryantDear Basketball
12
Award for best animated feature.
07:35 PM07:41 PMCoco
13
Best visual effects.
07:41 PM07:44 PMBlade Runner 2049
14
Achievement in film editing
07:44 PM07:46 PMDunkirk
15
Oscar moments
07:46 PM07:55 PMJimmy Kimmel surprises moviegoers along with celebrities
16
Best documentary short
07:55 PM07:57 PMHeaven is a Traffic Jam on the 405
17
Best live action short film
07:57 PM07:59 PMThe Silent Child
18
Oscar performance
07:59 PM08:08 PMJimmy Kimmel surprCommon and Andra Day performs "Stand Up for Something" by "Marshall"
19
Oscar moments
08:08 PM08:11 PMThe Oscars are showcasing the #MeToo and #TimesUp movements with a montage and interviews with actors and filmmakers
20
Oscar for best adapted screenplay
08:11 PM08:16 PMJames IvoryCall Me By Your Name
21
Oscar for best original screenplay
08:16 PM08:24 PMJordan PeeleGet Out
22
Oscar moments
08:24 PM08:29 PMWho’s trending on Twitter at the Oscars? Actors Timothée Chalamet, Chadwick Boseman,Tom Holland, Lupita Nyong’o and Adam Rippon.
23
Best cinematography
08:29 PM08:31 PMRoger A. DeakinsBlade Runner 2049
24
Oscar performance
08:31 PM08:36 PMKeala Settle performs the nominated song "This is Me" from "The Greatest Showman".
25
Best original score
08:36 PM08:40 PMThe Shape of Water
26
Award for original song
08:40 PM08:47 PMRemember MeCoco
27
Oscar moments
08:47 PM08:53 PMTime to pay tribute to those in the cinema world we lost last year
28
Oscar for best director
08:53 PM09:00 PMGuillermo del ToroThe Shape of Water
29
Best actor in a leading role
09:00 PM09:09 PMGary OldmanThe Shape of Water
30
Best leading actress
09:09 PM09:23 PMFrances McDormandThree Billboards Outside Ebbing, Missouri
31
Oscar for best picture.
09:23 PM09:38 PMThe Shape of Water
32
Oscar moments
09:38 PM09:38 PM90th Academy awards wind-up
Oscar moments
Oscar Moment svgJimmy kimmel hosts the show
Actor in a supporting role
Oscar svgSam RockwellThree Billboards Outside Ebbing, Missouri.
Hair and makeup
Oscar svgDarkest Hour
Costume design
Oscar svgMark BridgesPhantom Thread
Documentary feature
Oscar svgBryan Fogel Icarus
Best sound editing and sound mixing
Oscar svgRichard King and Alex GibsonDunkirk
Production design
Oscar svgThe Shape of Water
Oscar performance
Oscar Performance svgSecond performance of the night is "Remember Me" from Coco
Best foreign language film goes
Oscar svgA Fantastic Woman
Best supporting actress
Oscar svgAllison JanneyI, Tonya
Best animated short
Oscar svgKobe BryantDear Basketball
Award for best animated feature.
Oscar svgCoco
Best visual effects.
Oscar svg
Achievement in film editing
Oscar svg
Oscar moments
Oscar Moment svgJimmy Kimmel surprises moviegoers along with celebrities
Best documentary short
Oscar svg
Best live action short film
Oscar svg
Oscar performance
Oscar Performance svgJimmy Kimmel surprCommon and Andra Day performs "Stand Up for Something" by "Marshall"
Oscar moments
Oscar Moment svg
Oscar for best adapted screenplay
Oscar svgJames IvoryCall Me By Your Name
Oscar for best original screenplay
Oscar svgJordan PeeleGet Out
Oscar moments
Oscar Moment svgWho’s trending on Twitter at the Oscars? Actors Timothée Chalamet, Chadwick Boseman,Tom Holland, Lupita Nyong’o and Adam Rippon.
Best cinematography
Oscar svg
Oscar performance
Oscar Performance svg
Best original score
Oscar svgThe Shape of Water
Award for original song
Oscar svgRemember MeCoco
Oscar moments
Oscar Moment svgTime to pay tribute to those in the cinema world we lost last year
Oscar for best director
Oscar svgGuillermo del ToroThe Shape of Water
Best actor in a leading role
Oscar svgGary OldmanThe Shape of Water
Best leading actress
Oscar svgFrances McDormandThree Billboards Outside Ebbing, Missouri
Oscar for best picture.
Oscar svgThe Shape of Water
Oscar moments
Moments svg
Performance
Moments
Performance
Moments
Moments
Performance
Moments
Description

The Gantt chart provides support for customizing taskbar UI using taskbar template feature. The taskbarTemplate property accepts either string or HTML element`s ID value, which will be used as the template for the taskbars. The summary tasks and the milestone items can also customized using the parentTaskbarTemplate and milestoneTemplate properties. In this demo, we have customized the taskbar UI to display the data from custom columns and the taskbarTemplate is assigned with the ID of a SCRIPT element whose content is used as the template.

Gantt component features are segregated into individual feature-wise modules. To use markers, inject the DayMarkers module. To use a selection, inject the Selection module.