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.resource();
5
chart.zoomLevel(1);
6
chart.data(data);
7
8
var calendar = chart.calendar();
9
calendar.availabilities([
10
{each: 'day', from: '10:00', to: '18:00'},
11
{each: 'day', from: '14:00', to: '15:00', isWorking: false}
12
]);
13
14
// Get working time.
15
var getWorkingTime = calendar.getWorkingSchedule(Date.UTC(2016, 10, 1), Date.UTC(2016, 10, 30));
16
17
chart.title('Get working time');
18
chart.container('container');
19
chart.draw();
20
});
21
function getData() {
22
return [
23
{
24
name: 'Vasil Kiryienka',
25
description: 'Rider',
26
activities: [
27
{
28
name: 'World Championships',
29
start: '2016-10-12',
30
end: '2016-10-12'
31
}
32
]
33
},
34
{
35
name: 'Elia Viviani',
36
description: 'Rider',
37
activities: [
38
{
39
name: 'Paris - Tours',
40
start: '2016-10-09',
41
end: '2016-10-09',
42
fill: ['#1A237E', '#FFFFFF', '#D50000'],
43
minutesPerDay: 200
44
},
45
{
46
name: 'World Championships',
47
start: '2016-10-09',
48
end: '2016-10-09',
49
minutesPerDay: 300
50
},
51
{
52
name: 'World Championships',
53
start: '2016-10-16',
54
end: '2016-10-16'
55
},
56
{
57
name: 'Abu Dhabi Tour',
58
start: '2016-10-20',
59
end: '2016-10-23',
60
fill: '#FFA000'
61
}
62
]
63
},
64
{
65
name: 'Ben Swift',
66
description: 'Rider',
67
activities: [
68
{
69
name: 'World Championships',
70
start: '2016-10-09',
71
end: '2016-10-09'
72
},
73
{
74
name: 'World Championships',
75
start: '2016-10-16',
76
end: '2016-10-16'
77
}
78
]
79
},
80
{
81
name: 'Michal Kwiatkowski',
82
description: 'Rider',
83
activities: [
84
{
85
name: 'World Championships',
86
start: '2016-10-09',
87
end: '2016-10-09'
88
},
89
{
90
name: 'Abu Dhabi Tour',
91
start: '2016-10-20',
92
end: '2016-10-23',
93
fill: '#FFA000'
94
}
95
]
96
},
97
{
98
name: 'Alex Peters',
99
description: 'Rider',
100
activities: [
101
{
102
name: 'Japan Cup',
103
start: '2016-10-23',
104
end: '2016-10-23',
105
fill: '#EF9A9A'
106
}
107
]
108
},
109
{
110
name: 'Ian Stannard',
111
description: 'Rider',
112
activities: [
113
{
114
name: 'Paris - Tours',
115
start: '2016-10-09',
116
end: '2016-10-09',
117
fill: ['#1A237E', '#FFFFFF', '#D50000']
118
},
119
{
120
name: 'World Championships',
121
start: '2016-10-16',
122
end: '2016-10-16'
123
}
124
]
125
},
126
{
127
name: 'Lars Petter Nordhaug',
128
description: 'Rider',
129
activities: [
130
{
131
name: 'Paris - Tours',
132
start: '2016-10-09',
133
end: '2016-10-09',
134
fill: ['#1A237E', '#FFFFFF', '#D50000']
135
},
136
{
137
name: 'Japan Cup',
138
start: '2016-10-23',
139
end: '2016-10-23',
140
fill: '#EF9A9A'
141
}
142
]
143
},
144
{
145
name: 'Nicolas Roche',
146
description: 'Rider',
147
activities: [
148
{
149
name: 'World Championships',
150
start: '2016-10-09',
151
end: '2016-10-09'
152
},
153
{
154
name: 'World Championships',
155
start: '2016-10-12',
156
end: '2016-10-12'
157
},
158
{
159
name: 'Abu Dhabi Tour',
160
start: '2016-10-20',
161
end: '2016-10-23',
162
fill: '#FFA000'
163
}
164
]
165
},
166
{
167
name: 'Geraint Thomas',
168
description: 'Rider',
169
activities: [
170
{
171
name: 'World Championships',
172
start: '2016-10-09',
173
end: '2016-10-09'
174
},
175
{
176
name: 'World Championships',
177
start: '2016-10-16',
178
end: '2016-10-16'
179
}
180
]
181
},
182
{
183
name: 'Danny van Poppel',
184
description: 'Rider',
185
activities: [
186
{
187
name: 'World Championships',
188
start: '2016-10-09',
189
end: '2016-10-09'
190
},
191
{
192
name: 'World Championships',
193
start: '2016-10-16',
194
end: '2016-10-16'
195
},
196
{
197
name: 'Abu Dhabi Tour',
198
start: '2016-10-20',
199
end: '2016-10-23',
200
fill: '#FFA000'
201
}
202
]
203
},
204
{
205
name: 'David Lopez',
206
description: 'Rider',
207
activities: [
208
{
209
name: 'Japan Cup',
210
start: '2016-10-23',
211
end: '2016-10-23',
212
fill: '#EF9A9A'
213
}
214
]
215
},
216
{
217
name: 'Xabier Zandio',
218
description: 'Rider',
219
activities: [
220
{
221
name: 'Japan Cup',
222
start: '2016-10-23',
223
end: '2016-10-23',
224
fill: '#EF9A9A'
225
}
226
]
227
}
228
];
229
}