Example of Remote Data in Javascript Gantt Chart Control

All Controls
/
Gantt Chart
/
Remote Data

This sample demonstrates the way of binding data to Gantt chart with a remote service. The Gantt chart data source is bound to remote data using the DataManager. The data in this sample shows the various phases of barley harvesting.

More Details...

1
Germination
3/1/20219 days
2
Dry seed (caryopsis)
3/1/20210 days
3
Seed imbibition complete
3/1/20213 days
4
Radicle emerged from caryopsis
3/4/20212 days
5
Coleoptile emerged from caryopsis
3/6/20212 days
6
Emergence: coleoptile penetrates soil surface (cracking stage)
3/8/20212 days
7
Leaf development
3/10/20219 days
8
First leaf through coleoptile
3/10/20211 day
9
First leaf unfolded
3/11/20211 day
10
3 leaves unfolded
3/12/20212 days
11
9 or more leaves unfolded
3/14/20215 days
12
Tillering
3/18/202112 days
13
Beginning of tillering: first tiller detectable
3/18/20210 days
14
2 tillers detectable
3/19/20213 days
15
3 tillers detectable
3/22/20213 days
16
Maximum no. of tillers detectable
3/25/20216 days
17
End of tillering
3/30/20210 days
18
Stem elongation
3/30/20219 days
19
Beginning of stem elongation: pseudostem and tillers erect, first internode begins to elongate, top of inflorescence at least 1 cm above tillering node
3/30/20210 days
20
First node at least 1 cm above tillering node
3/31/20211 day
21
Node 3 at least 2 cm above node 2
4/1/20212 days
22
Flag leaf just visible, still rolled
4/3/20214 days
23
Flag leaf stage: flag leaf fully unrolled, ligule just visible
4/7/20212 days
24
Booting
4/9/202110 days
25
Early boot stage: flag leaf sheath extending
4/9/20212 days
26
Mid boot stage: flag leaf sheath just visibly swollen
4/11/20212 days
27
Late boot stage: flag leaf sheath swollen
4/13/20212 days
28
Flag leaf sheath opening
4/15/20212 days
29
First awns visible (in awned forms only)
4/17/20212 days
30
Inflorescence emergence, heading
4/18/202110 days
31
Beginning of heading: tip of inflorescence emerged from sheath, first spikelet just visible
4/18/20210 days
32
20% of inflorescence emerged
4/19/20213 days
33
40% of inflorescence emerged
4/22/20212 days
34
Middle of heading: half of inflorescence emerged
4/23/20210 days
35
60% of inflorescence emerged
4/24/20212 days
36
80% of inflorescence emerged
4/26/20213 days
37
End of heading: inflorescence fully emerged
4/28/20210 days
38
Flowering, anthesis
4/28/202110 days
39
Beginning of flowering: first anthers visible
4/28/20210 days
40
Full flowering: 50% of anthers mature
4/29/20215 days
41
spikelet have completed flowering
5/4/20215 days
42
End of flowering
5/8/20210 days
43
Development of fruit
5/8/20218 days
44
Watery ripe: first grains have reached half their final size
5/8/20210 days
45
Early milk
5/9/20213 days
46
Medium milk: grain content milky, grains reached final size,still green
5/12/20213 days
47
Late milk
5/15/20212 days
48
Ripening
5/17/202112 days
49
Early dough
5/17/20216 days
50
Soft dough: grain content soft but dry. Fingernail impression not held
5/23/20212 days
51
Hard dough: grain content solid. Fingernail impression held
5/25/20212 days
52
Fully ripe: grain hard, difficult to divide with thumbnail
5/27/20212 days
53
Senescence
5/29/202110 days
54
Over-ripe: grain very hard, cannot be dented by thumbnail
5/29/20213 days
55
Grains loosening in day-time
6/1/20211 day
56
Plant dead and collapsing
6/2/20214 days
57
Harvested product
6/6/20212 days
Germination
Dry seed (caryopsis)
Seed imbibition complete
Radicle emerged from caryopsis
Coleoptile emerged from caryopsis
Emergence: coleoptile penetrates soil surface (cracking stage)
Leaf development
First leaf through coleoptile
First leaf unfolded
3 leaves unfolded
9 or more leaves unfolded
Tillering
Beginning of tillering: first tiller detectable
2 tillers detectable
3 tillers detectable
Maximum no. of tillers detectable
End of tillering
Stem elongation
Beginning of stem elongation: pseudostem and tillers erect, first internode begins to elongate, top of inflorescence at least 1 cm above tillering node
First node at least 1 cm above tillering node
Node 3 at least 2 cm above node 2
Flag leaf just visible, still rolled
Flag leaf stage: flag leaf fully unrolled, ligule just visible
Booting
Early boot stage: flag leaf sheath extending
Mid boot stage: flag leaf sheath just visibly swollen
Late boot stage: flag leaf sheath swollen
Flag leaf sheath opening
First awns visible (in awned forms only)
Inflorescence emergence, heading
Beginning of heading: tip of inflorescence emerged from sheath, first spikelet just visible
20% of inflorescence emerged
40% of inflorescence emerged
Middle of heading: half of inflorescence emerged
60% of inflorescence emerged
80% of inflorescence emerged
End of heading: inflorescence fully emerged
Flowering, anthesis
Beginning of flowering: first anthers visible
Full flowering: 50% of anthers mature
spikelet have completed flowering
End of flowering
Development of fruit
Watery ripe: first grains have reached half their final size
Early milk
Medium milk: grain content milky, grains reached final size,still green
Late milk
Ripening
Early dough
Soft dough: grain content soft but dry. Fingernail impression not held
Hard dough: grain content solid. Fingernail impression held
Fully ripe: grain hard, difficult to divide with thumbnail
Senescence
Over-ripe: grain very hard, cannot be dented by thumbnail
Grains loosening in day-time
Plant dead and collapsing
Harvested product
Description

The dataSource property in Gantt chart can be assigned with the instance of DataManager to bind remote data. The DataManager, which will act as an interface between the service endpoint and the Gantt chart, will require the below minimal information to interact with service endpoint properly. DataManager->url - Defines the service endpoint to fetch data DataManager->adaptor - Defines the adaptor option. By default, ODataAdaptor is used for remote binding. Adaptor is responsible for processing response and request from/to the service endpoint. @syncfusion/ej2-data package provides some predefined adaptors which are designed to interact with particular service endpoints. They are, UrlAdaptor - Use this to interact any remote services. This is the base adaptor for all remote based adaptors. ODataAdaptor - Use this to interact with OData endpoints. ODataV4Adaptor - Use this to interact with OData V4 endpoints. WebApiAdaptor - Use this to interact with Web API created under OData standards. WebMethodAdaptor - Use this to interact with web methods. In this demo, remote data is bound by assigning service data as an instance of DataManager to the dataSource property. More information on the data binding can be found in this documentation section. Injecting Module: Gantt control features are segregated into individual feature-wise modules. To use a selection, inject the Selection module using the Gantt.Inject(Selection) method