HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var data = getData();
3
4
var chart = anychart.ganttProject();
5
chart.data(data, 'as-table');
6
7
var timeLine = chart.getTimeline();
8
9
// Set line marker settings.
10
timeLine.lineMarker({value: Date.UTC(2000, 1, 25, 12)});
11
12
chart.title('Set line marker parameter as an object');
13
chart.container('container');
14
chart.draw();
15
chart.fitAll();
16
});
17
function getData() {
18
return [
19
{
20
id: 1,
21
name: 'Phase 1 - Strategic Plan',
22
progressValue: 0.14,
23
actualStart: '2000-02-24',
24
actualEnd: '2000-02-27'
25
},
26
{
27
id: 2,
28
name: 'Self-Assessment',
29
parent: 1,
30
progressValue: 0.25,
31
actualStart: '2000-02-24',
32
actualEnd: '2000-02-29',
33
'baselineStart': '2000-02-27',
34
'baselineEnd': '2000-02-28T08:00'
35
},
36
{
37
id: 3,
38
name: 'Define business vision',
39
parent: 2,
40
progressValue: 0,
41
actualStart: '2000-02-24T24:00',
42
actualEnd: '2000-02-25T09:00',
43
connectTo: 4,
44
connectorType: 'finish-start'
45
},
46
{
47
id: 4,
48
name: 'Identify available skills, information and support',
49
parent: 2,
50
progressValue: 0,
51
actualStart: '2000-02-26T00:00',
52
actualEnd: '2000-02-26T09:00',
53
connectTo: 5,
54
connectorType: 'finish-start'
55
},
56
{
57
id: 5,
58
name: 'Decide whether to proceed',
59
parent: 2,
60
progressValue: 0,
61
actualStart: '2000-02-27',
62
actualEnd: '2000-02-28T08:00',
63
connectTo: 6,
64
connectorType: 'finish-start'
65
},
66
{
67
id: 6,
68
name: 'Define the Opportunity',
69
parent: 1,
70
progressValue: 0.27,
71
actualStart: '2000-02-28T08:00',
72
actualEnd: '2000-02-29'
73
},
74
{
75
id: 7,
76
name: 'Research the market and competition',
77
parent: 6,
78
progressValue: 0,
79
actualStart: '2000-02-26T08:00',
80
actualEnd: '2000-02-27'
81
}
82
];
83
}